@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,500&family=Varela+Round&display=swap');
    h1,h2,h3,h4,p,small,a{
          font-family: system-ui !important;
    }
    body{
        background-color: #f3f3f3!important;
    }
     .product-name {
         margin-bottom: 0.3rem!important;
         font-family: inherit!important;
         font-size: 1.4rem!important;
         font-weight: 500!important;
         letter-spacing: 0px!important;
         color: #000!important;
         padding-right: 20px!important;
        /* white-space: nowrap;
         */
        /* line-height: 23.5px;
         */
         overflow: hidden;
         text-overflow: ellipsis;
         max-height: 40px;
    }
     .owl-carousel .owl-item img{
        height:auto
    }
    .owl-loaded .owl-stage::after{
        content:''
    }
    .owl-carousel:not(.owl-loaded){
        flex-wrap:nowrap;
        overflow:hidden
    }
    .owl-carousel:not(.owl-loaded)[class*='cols-']:not(.gutter-no){
        margin-left:-10px !important;
        margin-right:-10px !important;
        width:auto
    }
    .owl-theme .owl-nav.disabled+.owl-dots{
        margin-top:1.5rem
    }
    .owl-theme.owl-shadow-carousel .owl-nav.disabled+.owl-dots{
        margin-top:4rem
    }
    .owl-theme .owl-nav .owl-prev,.owl-theme .owl-nav .owl-next{
        margin:0;
        transform:translateY(-50%);
        font-size:20px;
        font-weight:400;
        color:#0b3773
    }
    .owl-theme .owl-nav .owl-prev i::before,.owl-theme .owl-nav .owl-next i::before{
        margin:0
    }
    .owl-theme .owl-nav .owl-prev:not(.disabled):hover,.owl-theme .owl-nav .owl-prev:not(.disabled):active .owl-theme .owl-nav .owl-prev:not(.disabled):focus,.owl-theme .owl-nav .owl-next:not(.disabled):hover,.owl-theme .owl-nav .owl-next:not(.disabled):active .owl-theme .owl-nav .owl-prev:not(.disabled):focus,.owl-theme .owl-nav .owl-prev:not(.disabled):active .owl-theme .owl-nav .owl-next:not(.disabled):focus,.owl-theme .owl-nav .owl-next:not(.disabled):active .owl-theme .owl-nav .owl-next:not(.disabled):focus{
        background-color:#0b3773;
        border-color:#0b3773;
        color:#fff
    }
    .owl-theme .owl-nav .owl-prev.disabled,.owl-theme .owl-nav .owl-next.disabled{
        color:#ccc
    }
    .owl-theme .owl-nav .owl-prev{
        left:-40px
    }
    .owl-theme .owl-nav .owl-next{
        right:-40px
    }
    .owl-theme .owl-dots .owl-dot.active span{
        background-color:#0b3773;
        border-color:#0b3773
    }
    .owl-theme .owl-dots .owl-dot span{
        margin:5px
    }
    
    
    
    
/* start megamenu section */
.brndmnenuss
{
    background:#fff !important;
}
.brndmnenuss a:hover
{
    font-weight:bold !important;
}
.brndmnenuss a
{
    background:#fff !important;
    color:#000 !important;
   overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
    
    margin:5px 0 !important;
    
    font-size:11px !important;
    text-transform :capitalize !important;
    
}
.brndmnenuss h4 a:hover
{
    color:#000 !important;
}
.brndmnenuss h4 a
{
    background:#fff !important;
    font-size:14px !important;
    font-family:system-ui !important;
    font-weight:700 !important;
    
    
    color:#000 !important;
}
/* end megamenu section */
    
    
    
    
    /* start header section */
    .brddddrad1
    {
        border-radius:0 10px 10px 0 !important;
        border:1px solid #000000;
    }
    .brddddrad
    {
        border-radius:10px 0 0 10px !important;
    
    }
.bgchead
{
    padding:10px 0 !important;
}
/* end header section */
    
    
    
    
    @media (max-width: 1300px){
        
        
        
        .owl-theme .owl-nav .owl-prev{
            left:20px
        }
        .owl-theme .owl-nav .owl-next{
            right:20px
        }
    }
    .owl-nav-full .owl-nav{
        opacity:0;
        transition:opacity .4s
    }
    .owl-nav-full .owl-nav .owl-prev,.owl-nav-full .owl-nav .owl-next{
        margin:0;
        top:0;
        height:100%;
        transform:none;
        border:0;
        font-size:3rem;
        font-weight:400;
        color:#333;
        border-radius:0;
        background-color:rgba(255,255,255,0.8);
        transition:.4s
    }
    .owl-nav-full .owl-nav .owl-prev:not(.disabled):hover,.owl-nav-full .owl-nav .owl-next:not(.disabled):hover{
        color:#0b3773;
        background-color:rgba(255,255,255,0.8)
    }
    .owl-nav-full .owl-nav .owl-prev.disabled,.owl-nav-full .owl-nav .owl-next.disabled{
        visibility:hidden;
        opacity:0
    }
    .owl-nav-full .owl-nav .owl-prev{
        left:0;
        box-shadow:4px 0px 7px -5px rgba(0,0,0,0.2)
    }
    .owl-nav-full .owl-nav .owl-next{
        right:0;
        box-shadow:-4px 0px 7px -5px rgba(0,0,0,0.2)
    }
    .owl-nav-full:hover .owl-nav{
        opacity:1
    }
    .owl-nav-full:hover .owl-prev{
        left:0
    }
    .owl-nav-full:hover .owl-next{
        right:0
    }
    .owl-nav-arrow .owl-nav .owl-next,.owl-nav-arrow .owl-nav .owl-prev{
        margin:0;
        color:#666;
        font-weight:400;
        width:1em;
        height:1em;
        font-size:4.5rem;
        border:none
    }
    .owl-nav-arrow .owl-nav .owl-next i,.owl-nav-arrow .owl-nav .owl-prev i{
        display:none
    }
    .owl-nav-arrow .owl-nav .owl-next::before,.owl-nav-arrow .owl-nav .owl-prev::before{
        font-family:'riode'
    }
    .owl-nav-arrow .owl-nav .owl-next:not(.disabled):hover,.owl-nav-arrow .owl-nav .owl-next:not(.disabled):active,.owl-nav-arrow .owl-nav .owl-next:not(.disabled):focus,.owl-nav-arrow .owl-nav .owl-prev:not(.disabled):hover,.owl-nav-arrow .owl-nav .owl-prev:not(.disabled):active,.owl-nav-arrow .owl-nav .owl-prev:not(.disabled):focus{
        background-color:transparent;
        color:#0b3773
    }
    .owl-nav-arrow .owl-nav .owl-next.disabled,.owl-nav-arrow .owl-nav .owl-prev.disabled{
        color:#aaa
    }
    .owl-nav-arrow .owl-nav .owl-next{
        right:5%
    }
    .owl-nav-arrow .owl-nav .owl-next::before{
        content:'\e983'
    }
    .owl-nav-arrow .owl-nav .owl-prev{
        left:5%
    }
    .owl-nav-arrow .owl-nav .owl-prev::before{
        content:'\e982'
    }
    .owl-nav-inner .owl-nav .owl-prev,.owl-nav-inner .owl-nav .owl-next{
        opacity:0;
        visibility:hidden
    }
    .owl-nav-inner .owl-nav .owl-prev{
        left:0
    }
    .owl-nav-inner .owl-nav .owl-next{
        right:0
    }
    .owl-nav-inner:hover .owl-prev,.owl-nav-inner:hover .owl-next{
        opacity:1;
        visibility:visible
    }
    .owl-nav-inner:hover .owl-prev{
        left:2rem
    }
    .owl-nav-inner:hover .owl-next{
        right:2rem
    }
    .owl-nav-top .owl-nav{
        position:absolute;
        top:-5.3rem;
        right:-.4rem;
        color:#ccc
    }
    .owl-nav-top .owl-nav .owl-next,.owl-nav-top .owl-nav .owl-prev:not(.disabled){
        color:#777
    }
    .owl-nav-top .owl-nav i{
        padding:.1rem .5rem;
        font-size:1.8rem;
        font-weight:700
    }
    .owl-nav-top .owl-nav i::before{
        margin:0
    }
    .owl-nav-bottom .owl-nav{
        position:absolute;
        bottom:1.7rem;
        right:-.4rem;
        color:#999
    }
    .owl-nav-bottom .owl-nav i{
        font-size:2rem;
        font-weight:700
    }
    .owl-nav-bottom .owl-nav i::before{
        margin:0
    }
    .owl-nav-bottom .owl-prev{
        margin-right:.8rem
    }
    .owl-dot-white .owl-dots .owl-dot span{
        background-color:#fff;
        border-color:#fff;
        opacity:.8
    }
    .owl-dot-white .owl-dots .owl-dot.active span{
        background-color:#fff;
        border-color:#fff;
        opacity:1
    }
    .owl-dot-grey .owl-dots .owl-dot span{
        background-color:#efefef;
        border-color:#efefef
    }
    .owl-dot-grey .owl-dots .owl-dot.active span{
        background-color:#999;
        border-color:#999
    }
    .owl-dot-dark .owl-dots .owl-dot span{
        background-color:#a1a1a1;
        border-color:#a1a1a1
    }
    .owl-dot-dark .owl-dots .owl-dot.active span{
        background-color:#333;
        border-color:#333
    }
    .owl-dot-inner .owl-dots{
        position:absolute;
        bottom:4.5rem;
        left:50%;
        transform:translateX(-50%)
    }
    .brand-carousel .owl-stage{
        display:flex;
        align-items:center
    }
    .brand-carousel .owl-item img{
        width:auto;
        margin:auto
    }
    .brand-carousel:not(.loaded){
        text-align:center;
        align-items:center
    }
    .owl-carousel .slide-animate{
        transform:translate3d(0, 0, 0) scale(1);
        will-change:filter, transform, opacity;
        visibility:hidden;
        opacity:0
    }
    .owl-carousel .slide-animate.show-content{
        visibility:visible;
        opacity:1
    }
    .owl-full-height,.owl-full-height .owl-stage-outer,.owl-full-height .owl-stage,.owl-full-height .owl-item,.owl-same-height .owl-item>*{
        height:100%
    }
    .owl-same-height .owl-stage{
        display:flex
    }
    .owl-full-height .owl-item img{
        height:100%;
        width:100%;
        object-fit:cover
    }
    .owl-shadow-carousel .owl-stage-outer{
        margin:-30px;
        padding:30px
    }
    .owl-nav-bg .owl-nav .owl-prev{
        left:15.4%
    }
    .owl-nav-bg .owl-nav .owl-next{
        right:15.4%
    }
    .owl-nav-bg .owl-nav [class*='owl-']{
        width:4.8rem;
        height:4.8rem;
        border-width:2px;
        font-size:3.2rem;
        color:#666666;
        border-color:#666666
    }
    .owl-nav-bg .owl-nav [class*='owl-'].disabled{
        border-color:#acabab
    }
    .owl-nav-bg .owl-nav i{
        line-height:1;
        margin-bottom:2px
    }
    .owl-nav-fade .owl-nav .owl-prev{
        opacity:0;
        margin-left:4rem
    }
    .owl-nav-fade .owl-nav .owl-next{
        opacity:0;
        margin-right:4rem
    }
    .owl-nav-fade:hover .owl-nav .owl-prev{
        opacity:1;
        margin-left:0
    }
    .owl-nav-fade:hover .owl-nav .owl-next{
        opacity:1;
        margin-right:0
    }
    .owl-split .owl-item:not(:last-child){
        position:relative
    }
    .owl-split .owl-item:not(:last-child)::after{
        content:'';
        position:absolute;
        left:100%;
        top:0;
        bottom:0;
        width:1px;
        background-color:#ebebeb
    }
    .owl-middle .owl-stage{
        display:flex;
        align-items:center
    }
    .rotate-slider{
        padding-left:17.9%
    }
    .rotate-slider .owl-stage-outer{
        margin:-20px;
        padding:20px;
        padding-left:23%;
        margin-left:-23%
    }
    .rotate-slider .owl-item{
        transition:1s;
        box-shadow:0 0 20px 5px rgba(0,0,0,0.1)
    }
    img.logo-f {
    max-width: 150px;
}
    .rotate-slider .owl-item:not(.active){
        transform:scale(0.8) translateX(100%);
        transform-origin:left
    }
    .rotate-slider .owl-nav .owl-next{
        right:auto;
        left:40px;
        font-size:36px
    }
    .rotate-slider .owl-nav .owl-next::before{
        content:'\e982'
    }
    .rotate-slider .owl-nav .owl-prev{
        display:none
    }
    @media (max-width: 768px){
        
        
        
        .ped2{
            padding-right: 2px !important;
         padding-left: 2px !important;
        }
        
         .pl-4{
        padding-left:0rem !important
    }
    .pr-4{
        padding-right:0rem !important
    }
        .head-cart-text{
            display: none!important;
        }
     }
     
    
    @media (max-width: 479px){
        
        
        .outer_cart_count div span{
            display: none;
        }
        .rotate-slider .owl-nav .owl-next{
            right:auto;
            left:15px;
            font-size:24px
        }
    }
    *,::after,::before{
        box-sizing:inherit
    }
    html{
        font-size:62.5%;
        font-size-adjust:100%;
        font-weight:400;
        box-sizing:border-box;
        -webkit-tap-highlight-color:transparent
    }
    body{
        margin:0;
        overflow-x:hidden;
        font-family:Poppins,sans-serif;
        font-size:1.4rem;
       line-height:1.6;
        color:#666
    }
    main{
        display:block;
        position:relative
    }
    body:not(.loaded) *{
        transition:all 0s !important
    }
    .page-wrapper{
        position:relative;
        transition:margin .4s, opacity .5s;
        opacity:0
    }
    .loaded>.page-wrapper{
        opacity:1
    }
    table{
        width:100%;
        border-collapse:collapse
    }
    table td,table th{
        padding:0
    }
    .section{
        padding:7rem 0
    }
    .grey-section{
        background:#f6f7f9
    }
    .background-section{
        background-repeat:no-repeat
    }
    .parallax{
        background-color:#3c3f41
    }
    ul{
        padding-left:1.5em
    }
    .menu,.menu ul,.mobile-menu,.mobile-menu ul,.nav,.nav ul,.widget-body,.widget-body ul,.list,.breadcrumb,.filter-items,.select-menu>ul,.dropdown-box,.pagination,.nav-filters,.category ul,.comments ul,.product-nav,.product-tabs>div ul{
        list-style-type:none;
        margin:0;
        padding:0
    }
    a{
        text-decoration:none;
        color:inherit;
        transition:color .3s
    }
    a:hover{
        color:#f9f9f9;
    }
    :focus{
        outline:0
    }
    figure{
        margin:0
    }
  
        /* max-width:100%;
         */
        /* height:auto;
         */
    }
    hr{
        margin-bottom:2rem;
        border:0;
        border-top:1px solid #eee
    }
    input{
        -webkit-appearance: auto;
        border:0;
        padding:0;
        font-family:Poppins,sans-serif;
    }
    input:focus{
        outline:0
    }
    i{
        font-style:normal
    }
    button:focus{
        outline:none
    }
    .scrollable,.sidebar-content{
        -webkit-overflow-scrolling:touch
    }
    .scrollable::-webkit-scrollbar,.sidebar-content::-webkit-scrollbar{
        height:7px;
        width:4px
    }
    .scrollable::-webkit-scrollbar-thumb,.sidebar-content::-webkit-scrollbar-thumb{
        margin-right:2px;
        background:rgba(0,0,0,0.25);
        border-radius:5px;
        cursor:pointer
    }
    .scrollable-light::-webkit-scrollbar-thumb{
        background:rgba(255,255,255,0.2)
    }
    @keyframes bouncedelay{
        0%, 80%, 100%{
            transform:scale(1)
        }
        40%{
            transform:scale(1.2)
        }
    }
    @keyframes rotatedelay{
        0%{
            transform:rotateZ(0)
        }
        100%{
            transform:rotateZ(360deg)
        }
    }
    @keyframes reveal-1{
        0%{
            transform:rotate3d(0, 0, 1, 135deg) translate3d(0, 0, 0);
            border-radius:50%
        }
        20%{
            transform:rotate3d(0, 0, 1, 135deg) translate3d(55%, 55%, 0);
            border-radius:0
        }
        80%{
            transform:rotate3d(0, 0, 1, 495deg) translate3d(55%, 55%, 0);
            border-radius:0
        }
        100%{
            transform:rotate3d(0, 0, 1, 495deg) translate3d(0, 0, 0);
            border-radius:50%
        }
    }
    @keyframes reveal-2{
        0%{
            transform:rotate3d(0, 0, 1, 135deg) translate3d(0, 0, 0);
            border-radius:50%
        }
        20%{
            transform:rotate3d(0, 0, 1, 135deg) translate3d(55%, -55%, 0);
            border-radius:0
        }
        80%{
            transform:rotate3d(0, 0, 1, 495deg) translate3d(55%, -55%, 0);
            border-radius:0
        }
        100%{
            transform:rotate3d(0, 0, 1, 495deg) translate3d(0, 0, 0);
            border-radius:50%
        }
    }
    @keyframes reveal-3{
        0%{
            transform:rotate3d(0, 0, 1, 135deg) translate3d(0, 0, 0);
            border-radius:50%
        }
        20%{
            transform:rotate3d(0, 0, 1, 135deg) translate3d(-55%, -55%, 0);
            border-radius:0
        }
        80%{
            transform:rotate3d(0, 0, 1, 495deg) translate3d(-55%, -55%, 0);
            border-radius:0
        }
        100%{
            transform:rotate3d(0, 0, 1, 495deg) translate3d(0, 0, 0);
            border-radius:50%
        }
    }
    @keyframes reveal-4{
        0%{
            transform:rotate3d(0, 0, 1, 135deg) translate3d(0, 0, 0);
            border-radius:50%
        }
        20%{
            transform:rotate3d(0, 0, 1, 135deg) translate3d(-55%, 55%, 0);
            border-radius:0
        }
        80%{
            transform:rotate3d(0, 0, 1, 495deg) translate3d(-55%, 55%, 0);
            border-radius:0
        }
        100%{
            transform:rotate3d(0, 0, 1, 495deg) translate3d(0, 0, 0);
            border-radius:50%
        }
    }
    .bounce-loader{
        position:absolute;
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        justify-content:space-between;
        top:50%;
        left:50%;
        width:20px;
        height:20px;
        transition:all .2s;
        text-align:center;
        z-index:10000
    }
    .bounce-loader .bounce1,.bounce-loader .bounce2,.bounce-loader .bounce3,.bounce-loader .bounce4{
        display:block;
        position:absolute;
        left:0;
        top:0;
        width:20px;
        height:20px;
        margin-bottom:5px;
        background-color:#0b3773
    }
    .bounce-loader .bounce1{
        animation:2s infinite reveal-1
    }
    .bounce-loader .bounce2{
        animation:2s infinite reveal-2
    }
    .bounce-loader .bounce3{
        animation:2s infinite reveal-3
    }
    .bounce-loader .bounce4{
        animation:2s infinite reveal-4
    }
    .bounce-loader .bounce3{
        border:3px solid #0b3773;
        background-color:transparent
    }
    .appear-animate{
        transform:translate3d(0, 0, 0) scale(1);
        will-change:transform, filter, opacity
    }
    .fade{
        opacity:1;
        transition:opacity .5s
    }
    .fade.in{
        opacity:1
    }
    .scroll-top{
        position:fixed;
        text-align:center;
        bottom:30px;
        left:auto;
        right:30px;
        width:60px;
        height:60px;
        font-size:27px;
        opacity:0;
        visibility:hidden;
        transition:transform .3s, visibility .3s, opacity .3s;
        color:#222;
        transform:translateY(40px);
        border-radius:3px;
        z-index:9999;
        box-shadow:0 0 20px 0 rgba(0,0,0,0.1);
        line-height:60px;
        background-color:#fff
    }
    .scroll-top:hover{
        color:#222
    }
    .scroll-top i{
        font-weight:900;
        line-height:inherit
    }
    @media (min-width: 768px){
        .scroll-top.show{
            visibility:visible;
            opacity:1;
            transform:translateY(0)
        }
    }
    @keyframes fixedTop{
        from{
            transform:translateY(-100%);
            transform-origin:center top 0px
        }
        to{
            transform:translateY(0)
        }
    }
    @keyframes fixedBottom{
        from{
            transform:translateY(100%);
            transform-origin:center top 0px
        }
        to{
            transform:translateY(0)
        }
    }
    .sticky-content.fix-top{
        top:0
    }
    .sticky-content.fix-bottom{
        bottom:0
    }
    .sticky-content.fixed{
        position:fixed;
        left:0;
        right:0;
        opacity:1;
        transform:translateY(0);
        background: #dddada;
        z-index:1051;
        box-shadow:0 0 10px 1px rgba(0,0,0,0.1);
    }
    .sticky-content.fixed.fix-top{
        animation:fixedTop .4s
    }
    .sticky-content.fixed.fix-bottom{
        animation:fixedBottom .4s
    }
    .loading:not(.load-more-overlay),.load-more-overlay.loading::after{
        animation:spin 650ms infinite linear;
        border:2px solid transparent;
        border-radius:32px;
        border-top:2px solid rgba(0,0,0,0.4) !important;
        border-right:2px solid rgba(0,0,0,0.4) !important;
        border-bottom:2px solid rgba(0,0,0,0.4) !important;
        content:"";
        display:block;
        height:21px;
        top:50%;
        margin-top:-11px;
        left:50%;
        margin-left:-10px;
        right:auto;
        position:absolute;
        width:21px
    }
    .load-more-overlay{
        position:relative
    }
    .load-more-overlay.loading::after{
        content:''
    }
    .load-more-overlay::before{
        content:'';
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        background:#fff;
        opacity:.8
    }
    @keyframes spin{
        0%{
            transform:rotate(0deg)
        }
        100%{
            transform:rotate(359deg)
        }
    }
    .riode-rounded-skin .btn,.riode-rounded-skin .post-calendar,.riode-rounded-skin .product-hide-details .btn-product,.riode-rounded-skin .product-hide-details .btn-product-icon,.riode-rounded-skin .post-single>.post-wrap img,.riode-rounded-skin .post-single .post-author-detail,.riode-rounded-skin .post-media,.riode-rounded-skin .post-framed,.riode-rounded-skin .minipopup-box,.riode-rounded-skin .product-category,.riode-rounded-skin .product-category .category-content,.riode-rounded-skin .product-with-qty .quantity button,.riode-rounded-skin .product-wrapper .banner,.riode-rounded-skin .vendor-widget .vendor-logo,.riode-rounded-skin .vendor-widget .vendor-product>figure,.riode-rounded-skin .vendor-widget .vendor-banner{
        border-radius:3px;
        overflow:hidden
    }
    .riode-rounded-skin .login-popup{
        border-radius:3px
    }
    .riode-rounded-skin .form-row [type="text"],.riode-rounded-skin .form-row [type="tel"],.riode-rounded-skin .form-row [type="password"],.riode-rounded-skin .form-row [type="email"],.riode-rounded-skin .form-row textarea{
        border-radius:3px
    }
    .riode-rounded-skin .btn-link,.riode-rounded-skin .form-coupon .input-text{
        border-radius:0;
        overflow:visible
    }
    .riode-rounded-skin .post.post-mask.gradient::before{
        border-radius:0 0 3px 3px;
        overflow:hidden
    }
    .riode-rounded-skin .mfp-product .product,.riode-rounded-skin .product-category.cat-type-default{
        border-radius:10px
    }
    .w-100{
        width:100% !important
    }
    .h-100{
        height:100% !important
    }
    .p-sticky{
        position:sticky !important
    }
    .p-relative{
        position:relative !important
    }
    .x-50{
        left:50% !important;
        transform:translateX(-50%) !important
    }
    .x-50.y-50{
        transform:translate(-50%, -50%) !important
    }
    .y-50{
        top:50% !important;
        transform:translateY(-50%) !important
    }
    .d-none{
        display:none !important
    }
    .d-block{
        display:block !important
    }
    .d-inline-block{
        display:inline-block !important
    }
    .d-flex{
        display:flex !important
    }
    .d-inline-flex{
        display:inline-flex !important
    }
    .justify-content-center{
        justify-content:center !important
    }
    .justify-content-start{
        justify-content:flex-start !important
    }
    .justify-content-end{
        justify-content:flex-end !important
    }
    .justify-content-between{
        justify-content:space-between !important
    }
    .align-items-start{
        align-items:flex-start !important
    }
    .align-items-center{
        align-items:center !important
    }
    .align-items-end{
        align-items:flex-end !important
    }
    .flex-column{
        flex-direction:column !important
    }
    .flex-wrap{
        flex-wrap:wrap !important
    }
    .flex-1{
        flex:1 !important
    }
    .overflow-hidden{
        overflow:hidden !important
    }
    @media (min-width: 1200px){
        .d-xl-none{
            display:none !important
        }
        .d-xl-block{
            display:block !important
        }
        .d-xl-flex{
            display:flex !important
        }
        .d-xl-inline-flex{
            display:inline-flex !important
        }
    }
    @media (min-width: 992px){
        .d-lg-none{
            display:none !important
        }
       
        .d-lg-block{
            display:block !important
        }
        .d-lg-flex{
            display:flex !important
        }
        .d-lg-inline-flex{
            display:inline-flex !important
        }
    }
    @media (max-width: 1199px){
        .d-xl-show{
            display:none !important
        }
    }
    @media (max-width: 991px){
        .search-header-none{
             display:none !important
        }
        .nav-new {
    display: none;
    background: #00517e;
    padding: 2px !important;
}
        .d-lg-show{
            display:none !important
        }
    }
    .font-primary{
        font-family:Poppins,sans-serif !important
    }
    .font-secondary{
        font-family:Poppins,sans-serif !important
    }
    .font-tertiary{
        font-family:"Open Sans",sans-serif !important
    }
    .font-weight-bolder{
        font-weight:800 !important
    }
    .font-weight-bold{
        font-weight:700 !important
    }
    .font-weight-semi-bold{
        font-weight:600 !important
    }
    .font-weight-normal{
        font-weight:400 !important
    }
    .text-uppercase{
        text-transform:uppercase !important
    }
    .text-capitalize{
        text-transform:capitalize !important
    }
    .text-normal{
        text-transform:none !important
    }
    .font-italic{
        font-style:italic !important
    }
    .font-normal{
        font-stretch:normal !important
    }
    .text-left{
        text-align:left !important
    }
    .text-center{
        text-align:center !important
    }
    .text-right{
        text-align:right !important
    }
    .text-white{
        color:#fff !important
    }
    .text-light{
        color:#ccc !important
    }
    .text-grey{
        color:#999 !important
    }
    .text-body{
        color:#666 !important
    }
    .text-dark{
        color:#222 !important
    }
    .text-black{
        color:#000 !important
    }
    .text-primary{
        color:#000000 !important
    }
    .text-secondary{
        color:#d26e4b !important
    }
    .ls-md{
        letter-spacing:-.03em !important
    }
    .ls-s{
        letter-spacing:-.01em !important
    }
    .ls-m{
        letter-spacing:-.025em !important
    }
    .ls-l{
        letter-spacing:-.05em !important
    }
    .ls-normal{
        letter-spacing:0 !important
    }
    .lh-2{
        line-height:2 !important
    }
    .lh-1{
        line-height:1 !important
    }
    .lh-0{
        line-height:0 !important
    }
    .bg-white{
        background-color:#fff !important
    }
    .bg-dark{
        background-color:#222 !important
    }
    .bg-grey{
        background-color:#999 !important
    }
    .bg-light{
        background-color:#ccc !important
    }
    .bg-black{
        background-color:#000 !important
    }
    .bg-primary{
        background-color:#0b3773 !important
    }
    .bg-secondary{
        background-color:#d26e4b !important
    }
    .border-no{
        border:none !important
    }
    h1,h2,h3,h4,h5,h6,p{
        font-weight:400;
    }
    h1,h2,h3,h4,h5,h6{
        font-family:Poppins,sans-serif;
        font-weight:800;
        text-transform: uppercase;
        line-height:1.4;
        color: #0f100f;
        
    }
    h1{
        font-size:4rem
    }
    h2{
        font-size:3.4rem
    }
    h3{
        font-size:2.2rem
    }
    h4{
        font-size:2.4rem
    }
    h5{
        font-size:1.8rem
    }
    h6{
        font-size:1.5rem
    }
    p{
        font-family:system-ui !important;
        font-size:1.4rem;
        line-height:1.86
    }
    blockquote{
        margin:0
    }
    .list{
        font-size:1.4rem;
        line-height:1.86;
        color:#666
    }
    .list-style-none{
        list-style:none
    }
    .list-type-number{
        list-style-type:decimal
    }
    .list-type-check li{
        position:relative;
        padding-left:2.4rem
    }
    .list-type-check li::before{
        display:block;
        position:absolute;
        left:3px;
        top:2px;
        font-family:"riode";
        content:'\e960';
        font-weight:700;
        font-size:1.2rem;
        color:#222
    }
    .list-circle li{
        padding-left:1rem;
        margin-bottom:1rem
    }
    .list-circle i{
        margin-right:1.2rem;
        width:4rem;
        height:4rem;
        border:1px solid #e1e1e1;
        border-radius:50%;
        text-align:center;
        line-height:3.8rem;
        font-size:1.1rem
    }
    .list-arrow li{
        position:relative;
        transition:color .3s, padding .3s
    }
    .list-arrow li::before{
        content:'\e97f';
        display:block;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
        opacity:0;
        visibility:hidden;
        font-family:"riode";
        font-size:1.4rem;
        transition:opacity .3s, visibility .3s
    }
    .list-arrow li:hover,.list-arrow li.show{
        padding-left:2.2rem;
        color:#0b3773
    }
    .list-arrow li:hover::before,.list-arrow li.show::before{
        visibility:visible;
        opacity:1
    }
    .text-bd-left{
        position:relative;
        padding-left:2rem
    }
    .text-bd-left::before{
        content:'';
        display:block;
        position:absolute;
        left:0;
        width:2px;
        top:5px;
        bottom:5px;
        background-color:#dae1e5
    }
    @media (max-width: 991px){
        .list-type-number{
            margin-left:2.3rem
        }
        .header-logo img {
    max-width: 110px!important;
            margin-top: 18px;

}
        .head-right {
        width: 64% !important;
        position: absolute;
        top: 15%!important;
        right: 0;
    }
    .m-icon{
        display:block!important;
    }
    .p-4 {
    position: absolute;
    top: 2%;
     }
        .form-row.align-items-center {
    position: absolute!important;
    top: 8%!important;
    right: 20%;
}
        img.logo-f {
    max-width: 124px!important;
    margin-top: 10px!important;
    margin-left: -11px;
}
        
    }
    .container,.container-fluid{
        width:100%;
        padding-left:20px;
        padding-right:20px;
        margin-left:auto;
        margin-right:auto
    }
    @media (max-width: 479px){
        .container,.container-fluid{
            padding-left:15px;
            padding-right:15px
        }
    }
    .container-fluid{
        max-width:1820px
    }
    .container{
        max-width:100%;
    }
    .divider{
        display:inline-block;
        vertical-align:middle;
        margin-right:1.5rem;
        height:2.5rem;
        width:1px;
        background-color: #393185;
    }
    .row{
        display:flex;
        flex-wrap:wrap;
        margin-left:-10px;
        margin-right:-10px
    }
    .row>*{
        position:relative;
        width:100%;
        padding-right:10px;
        padding-left:10px
    }
    .gutter-lg{
        margin-left:-15px;
        margin-right:-15px
    }
    .gutter-lg>*{
        padding-right:15px;
        padding-left:15px
    }
    .gutter-sm{
        margin-left:-5px;
        margin-right:-5px
    }
    .gutter-sm>*{
        padding-right:5px;
        padding-left:5px
    }
    .gutter-xs{
        margin-left:-1px;
        margin-right:-1px
    }
    .gutter-xs>*{
        padding-right:1px;
        padding-left:1px
    }
    .gutter-no{
        margin-left:0;
        margin-right:0
    }
    .gutter-no>*{
        padding-right:0;
        padding-left:0
    }
    .cols-1>*{
        max-width:100%;
        flex:0 0 100%
    }
    .cols-2>*{
        max-width:50%;
        flex:0 0 50%
    }
    .cols-3>*{
        max-width:33.3333%;
        flex:0 0 33.3333%
    }
    .cols-4>*{
        max-width:25%;
        flex:0 0 25%
    }
    .cols-5>*{
        max-width:20%;
        flex:0 0 20%
    }
    .cols-6>*{
        max-width:16.6667%;
        flex:0 0 16.6667%
    }
    .cols-7>*{
        max-width:14.2857%;
        flex:0 0 14.2857%
    }
    .cols-8>*{
        max-width:12.5%;
        flex:0 0 12.5%
    }
    @media (min-width: 480px){
        .cols-xs-1>*{
            max-width:100%;
            flex:0 0 100%
        }
        .cols-xs-2>*{
            max-width:50%;
            flex:0 0 50%
        }
        .cols-xs-3>*{
            max-width:33.3333%;
            flex:0 0 33.3333%
        }
        .cols-xs-4>*{
            max-width:25%;
            flex:0 0 25%
        }
        .cols-xs-5>*{
            max-width:20%;
            flex:0 0 20%
        }
        .cols-xs-6>*{
            max-width:16.6667%;
            flex:0 0 16.6667%
        }
        .cols-xs-7>*{
            max-width:14.2857%;
            flex:0 0 14.2857%
        }
        .cols-xs-8>*{
            max-width:12.5%;
            flex:0 0 12.5%
        }
    }
    @media (min-width: 576px){
        .cols-sm-1>*{
            max-width:100%;
            flex:0 0 100%
        }
        .cols-sm-2>*{
            max-width:50%;
            flex:0 0 50%
        }
        .cols-sm-3>*{
            max-width:33.3333%;
            flex:0 0 33.3333%
        }
        .cols-sm-4>*{
            max-width:25%;
            flex:0 0 25%
        }
        .cols-sm-5>*{
            max-width:20%;
            flex:0 0 20%
        }
        .cols-sm-6>*{
            max-width:16.6667%;
            flex:0 0 16.6667%
        }
        .cols-sm-7>*{
            max-width:14.2857%;
            flex:0 0 14.2857%
        }
        .cols-sm-8>*{
            max-width:12.5%;
            flex:0 0 12.5%
        }
    }
    @media (min-width: 768px){
        .cols-md-1>*{
            max-width:100%;
            flex:0 0 100%
        }
        
        .cols-md-2>*{
            max-width:50%;
            flex:0 0 50%
        }
        .cols-md-3>*{
            max-width:33.3333%;
            flex:0 0 33.3333%
        }
        .cols-md-4>*{
            max-width:25%;
            flex:0 0 25%
        }
        .cols-md-5>*{
            max-width:20%;
            flex:0 0 20%
        }
        .cols-md-6>*{
            max-width:16.6667%;
            flex:0 0 16.6667%
        }
        .cols-md-7>*{
            max-width:14.2857%;
            flex:0 0 14.2857%
        }
        .cols-md-8>*{
            max-width:12.5%;
            flex:0 0 12.5%
        }
    }
    @media (min-width: 992px){
        .cols-lg-1>*{
            max-width:100%;
            flex:0 0 100%
        }
        .cols-lg-2>*{
            max-width:50%;
            flex:0 0 50%
        }
        .cols-lg-3>*{
            max-width:33.3333%;
            flex:0 0 33.3333%
        }
        .cols-lg-4>*{
            max-width:25%;
            flex:0 0 25%
        }
        .cols-lg-5>*{
            max-width:20%;
            flex:0 0 20%
        }
        .cols-lg-6>*{
            max-width:16.6667%;
            flex:0 0 16.6667%
        }
        .cols-lg-7>*{
            max-width:14.2857%;
            flex:0 0 14.2857%
        }
        .cols-lg-8>*{
            max-width:12.5%;
            flex:0 0 12.5%
        }
    }
    @media (min-width: 1200px){
        .cols-xl-1>*{
            max-width:100%;
            flex:0 0 100%
        }
        .cols-xl-2>*{
            max-width:50%;
            flex:0 0 50%
        }
        .cols-xl-3>*{
            max-width:33.3333%;
            flex:0 0 33.3333%
        }
        .cols-xl-4>*{
            max-width:25%;
            flex:0 0 25%
        }
        .cols-xl-5>*{
            max-width:20%;
            flex:0 0 20%
        }
        .cols-xl-6>*{
            max-width:16.6667%;
            flex:0 0 16.6667%
        }
        .cols-xl-7>*{
            max-width:14.2857%;
            flex:0 0 14.2857%
        }
        .cols-xl-8>*{
            max-width:12.5%;
            flex:0 0 12.5%
        }
    }
    .col-1{
        max-width:8.3333%;
        flex:0 0 8.3333%
    }
    .col-2{
        max-width:16.6667%;
        flex:0 0 16.6667%
    }
    .col-3{
        max-width:25%;
        flex:0 0 25%
    }
    .col-4{
        max-width:33.3333%;
        flex:0 0 33.3333%
    }
    .col-5{
        max-width:41.6667%;
        flex:0 0 41.6667%
    }
    .col-6{
        max-width:50%;
        flex:0 0 50%
    }
    .col-7{
        max-width:58.3333%;
        flex:0 0 58.3333%
    }
    .col-8{
        max-width:66.6667%;
        flex:0 0 66.6667%
    }
    .col-9{
        max-width:75%;
        flex:0 0 75%
    }
    .col-10{
        max-width:83.3333%;
        flex:0 0 83.3333%
    }
    .col-11{
        max-width:91.6667%;
        flex:0 0 91.6667%
    }
    .col-12{
        max-width:100%;
        flex:0 0 100%
    }
    @media (min-width: 480px){
        .col-xs-1{
            max-width:8.3333%;
            flex:0 0 8.3333%
        }
        .col-xs-2{
            max-width:16.6667%;
            flex:0 0 16.6667%
        }
        .col-xs-3{
            max-width:25%;
            flex:0 0 25%
        }
        .col-xs-4{
            max-width:33.3333%;
            flex:0 0 33.3333%
        }
        .col-xs-5{
            max-width:41.6667%;
            flex:0 0 41.6667%
        }
        .col-xs-6{
            max-width:50%;
            flex:0 0 50%
        }
        .col-xs-7{
            max-width:58.3333%;
            flex:0 0 58.3333%
        }
        .col-xs-8{
            max-width:66.6667%;
            flex:0 0 66.6667%
        }
        .col-xs-9{
            max-width:75%;
            flex:0 0 75%
        }
        .col-xs-10{
            max-width:83.3333%;
            flex:0 0 83.3333%
        }
        .col-xs-11{
            max-width:91.6667%;
            flex:0 0 91.6667%
        }
        .col-xs-12{
            max-width:100%;
            flex:0 0 100%
        }
    }
    @media (min-width: 576px){
        .col-sm-1{
            max-width:8.3333%;
            flex:0 0 8.3333%
        }
        .col-sm-2{
            max-width:16.6667%;
            flex:0 0 16.6667%
        }
        .col-sm-3{
            max-width:25%;
            flex:0 0 25%
        }
        .col-sm-4{
            max-width:33.3333%;
            flex:0 0 33.3333%
        }
        .col-sm-5{
            max-width:41.6667%;
            flex:0 0 41.6667%
        }
        .col-sm-6{
            max-width:50%;
            flex:0 0 50%
        }
        .col-sm-7{
            max-width:58.3333%;
            flex:0 0 58.3333%
        }
        .col-sm-8{
            max-width:66.6667%;
            flex:0 0 66.6667%
        }
        .col-sm-9{
            max-width:75%;
            flex:0 0 75%
        }
        .col-sm-10{
            max-width:83.3333%;
            flex:0 0 83.3333%
        }
        .col-sm-11{
            max-width:91.6667%;
            flex:0 0 91.6667%
        }
        .col-sm-12{
            max-width:100%;
            flex:0 0 100%
        }
    }
    @media (min-width: 768px){
        .col-md-1{
            max-width:8.3333%;
            flex:0 0 8.3333%
        }
        .col-md-2{
            max-width:16.6667%;
            flex:0 0 16.6667%
        }
        .col-md-3{
            max-width:25%;
            flex:0 0 25%
        }
        .col-md-4{
            max-width:33.3333%;
            flex:0 0 33.3333%
        }
        .col-md-5{
            max-width:41.6667%;
            flex:0 0 41.6667%
        }
        .col-md-6{
            max-width:50%;
            flex:0 0 50%
        }
        .col-md-7{
            max-width:58.3333%;
            flex:0 0 58.3333%
        }
        .col-md-8{
            max-width:66.6667%;
            flex:0 0 66.6667%
        }
        .col-md-9{
            max-width:75%;
            flex:0 0 75%
        }
        .col-md-10{
            max-width:83.3333%;
            flex:0 0 83.3333%
        }
        .col-md-11{
            max-width:91.6667%;
            flex:0 0 91.6667%
        }
        .col-md-12{
            max-width:100%;
            flex:0 0 100%
        }
    }
    @media (min-width: 992px){
        .col-lg-1{
            max-width:8.3333%;
            flex:0 0 8.3333%
        }
        .col-lg-2{
            max-width:16.6667%;
            flex:0 0 16.6667%
        }
        .col-lg-3{
            max-width:25%;
            flex:0 0 25%
        }
        .col-lg-4{
            max-width:33.3333%;
            flex:0 0 33.3333%
        }
        .col-lg-5{
            max-width:41.6667%;
            flex:0 0 41.6667%
        }
        .col-lg-6{
            max-width:50%;
            flex:0 0 50%
        }
        .col-lg-7{
            max-width:58.3333%;
            flex:0 0 58.3333%
        }
        .col-lg-8{
            max-width:66.6667%;
            flex:0 0 66.6667%
        }
        .col-lg-9{
            max-width:75%;
            flex:0 0 75%
        }
        .col-lg-10{
            max-width:83.3333%;
            flex:0 0 83.3333%
        }
        .col-lg-11{
            max-width:91.6667%;
            flex:0 0 91.6667%
        }
        .col-lg-12{
            max-width:100%;
            flex:0 0 100%
        }
    }
    @media (min-width: 1200px){
        .col-xl-1{
            max-width:8.3333%;
            flex:0 0 8.3333%
        }
        .col-xl-2{
            max-width:16.6667%;
            flex:0 0 16.6667%
        }
        .col-xl-3{
            max-width:25%;
            flex:0 0 25%
        }
        .col-xl-4{
            max-width:33.3333%;
            flex:0 0 33.3333%
        }
        .col-xl-5{
            max-width:41.6667%;
            flex:0 0 41.6667%
        }
        .col-xl-6{
            max-width:50%;
            flex:0 0 50%
        }
        .col-xl-7{
            max-width:58.3333%;
            flex:0 0 58.3333%
        }
        .col-xl-8{
            max-width:66.6667%;
            flex:0 0 66.6667%
        }
        .col-xl-9{
            max-width:75%;
            flex:0 0 75%
        }
        .col-xl-10{
            max-width:83.3333%;
            flex:0 0 83.3333%
        }
        .col-xl-11{
            max-width:91.6667%;
            flex:0 0 91.6667%
        }
        .col-xl-12{
            max-width:100%;
            flex:0 0 100%
        }
    }
    @media (min-width: 1600px){
        .col-xxl-10{
            flex:0 0 83.3333%;
            max-width:83.3333%
        }
        .col-xxl-3{
            flex:0 0 25%;
            max-width:25%
        }
        .col-xxl-2{
            flex:0 0 16.6666%;
            max-width:16.6666%
        }
    }
    @media (min-width: 1200px){
        .col-xl-5col{
            position:relative;
            flex:0 0 20%;
            max-width:20%;
            padding-right:10px;
            padding-left:10px
        }
        .col-xl-5col2{
            position:relative;
            flex:0 0 40%;
            max-width:40%;
            padding-right:10px;
            padding-left:10px
        }
        .col-xl-5col4{
            position:relative;
            flex:0 0 80%;
            max-width:80%;
            padding-right:10px;
            padding-left:10px
        }
    }
    .order-first{
        order:-1
    }
    .order-last{
        order:9
    }
    @media (min-width: 576px){
        .order-sm-auto{
            order:0
        }
        .order-sm-first{
            order:-1
        }
        .order-sm-last{
            order:9
        }
    }
    @media (min-width: 768px){
        .order-md-auto{
            order:0
        }
        .order-md-first{
            order:-1
        }
        .order-md-last{
            order:9
        }
    }
    @media (min-width: 992px){
        .order-lg-auto{
            order:0
        }
        .order-lg-first{
            order:-1
        }
        .order-lg-last{
            order:9
        }
    }
    .grid{
        margin:-1rem
    }
    .grid .banner,.grid .category,.grid .category>a,.grid figure,.grid .banner img,.grid .category img{
        height:100%
    }
    .grid img{
        object-fit:cover
    }
    .grid .grid-item{
        padding:1rem;
        transform:translate3d(0, 0, 0)
    }
    .grid.gutter-sm{
        margin:-.5rem
    }
    .grid.gutter-sm .grid-item{
        padding:.5rem
    }
    .grid.gutter-no{
        margin:0
    }
    .grid.gutter-no .grid-item{
        padding:0
    }
    .grid::after{
        content:"";
        display:block;
        clear:both
    }
    .grid.grid-float{
        display:block !important
    }
    .grid.grid-float .grid-item{
        float:left
    }
    .split-line>*{
        margin-bottom:3rem;
        padding-bottom:3rem;
        border-bottom:1px solid #ebebeb
    }
    .split-line>*::after{
        content:'';
        display:block;
        width:1px;
        height:calc(100% - 3rem);
        position:absolute;
        right:0;
        top:0;
        background-color:#ebebeb
    }
    .split-line>.col-1:nth-child(12n)::after,.split-line>.col-2:nth-child(6n)::after,.split-line>.col-3:nth-child(4n)::after,.split-line>.col-4:nth-child(3n)::after,.split-line>.col-5:nth-child(2n)::after,.split-line>.col-6:nth-child(2n)::after,.split-line>.col-7:nth-child(1n)::after,.split-line>.col-8:nth-child(1n)::after,.split-line>.col-9:nth-child(1n)::after,.split-line>.col-10:nth-child(1n)::after,.split-line>.col-11:nth-child(1n)::after,.split-line.cols-1>*:nth-child(1n)::after,.split-line.cols-2>*:nth-child(2n)::after,.split-line.cols-3>*:nth-child(3n)::after,.split-line.cols-4>*:nth-child(4n)::after,.split-line.cols-5>*:nth-child(5n)::after,.split-line.cols-6>*:nth-child(6n)::after,.split-line.cols-7>*:nth-child(7n)::after,.split-line.cols-8>*:nth-child(8n)::after{
        content:none
    }
    @media (min-width: 576px){
        .split-line>.col-sm-1:nth-child(n)::after,.split-line>.col-sm-2:nth-child(n)::after,.split-line>.col-sm-3:nth-child(n)::after,.split-line>.col-sm-4:nth-child(n)::after,.split-line>.col-sm-5:nth-child(n)::after,.split-line>.col-sm-6:nth-child(n)::after,.split-line>.col-sm-7:nth-child(n)::after,.split-line>.col-sm-8:nth-child(n)::after,.split-line>.col-sm-9:nth-child(n)::after,.split-line>.col-sm-10:nth-child(n)::after,.split-line>.col-sm-11:nth-child(n)::after,.split-line.cols-sm-1>*:nth-child(n)::after,.split-line.cols-sm-2>*:nth-child(n)::after,.split-line.cols-sm-3>*:nth-child(n)::after,.split-line.cols-sm-4>*:nth-child(n)::after,.split-line.cols-sm-5>*:nth-child(n)::after,.split-line.cols-sm-6>*:nth-child(n)::after,.split-line.cols-sm-7>*:nth-child(n)::after,.split-line.cols-sm-8>*:nth-child(n)::after{
            content:""
        }
        .split-line>.col-sm-1:nth-child(12n)::after,.split-line>.col-sm-2:nth-child(6n)::after,.split-line>.col-sm-3:nth-child(4n)::after,.split-line>.col-sm-4:nth-child(3n)::after,.split-line>.col-sm-5:nth-child(2n)::after,.split-line>.col-sm-6:nth-child(2n)::after,.split-line>.col-sm-7:nth-child(1n)::after,.split-line>.col-sm-8:nth-child(1n)::after,.split-line>.col-sm-9:nth-child(1n)::after,.split-line>.col-sm-10:nth-child(1n)::after,.split-line>.col-sm-11:nth-child(1n)::after,.split-line.cols-sm-1>*:nth-child(1n)::after,.split-line.cols-sm-2>*:nth-child(2n)::after,.split-line.cols-sm-3>*:nth-child(3n)::after,.split-line.cols-sm-4>*:nth-child(4n)::after,.split-line.cols-sm-5>*:nth-child(5n)::after,.split-line.cols-sm-6>*:nth-child(6n)::after,.split-line.cols-sm-7>*:nth-child(7n)::after,.split-line.cols-sm-8>*:nth-child(8n)::after{
            content:none
        }
    }
    @media (min-width: 768px){
        .split-line>.col-md-1:nth-child(n)::after,.split-line>.col-md-2:nth-child(n)::after,.split-line>.col-md-3:nth-child(n)::after,.split-line>.col-md-4:nth-child(n)::after,.split-line>.col-md-5:nth-child(n)::after,.split-line>.col-md-6:nth-child(n)::after,.split-line>.col-md-7:nth-child(n)::after,.split-line>.col-md-8:nth-child(n)::after,.split-line>.col-md-9:nth-child(n)::after,.split-line>.col-md-10:nth-child(n)::after,.split-line>.col-md-11:nth-child(n)::after,.split-line.cols-md-1>*:nth-child(n)::after,.split-line.cols-md-2>*:nth-child(n)::after,.split-line.cols-md-3>*:nth-child(n)::after,.split-line.cols-md-4>*:nth-child(n)::after,.split-line.cols-md-5>*:nth-child(n)::after,.split-line.cols-md-6>*:nth-child(n)::after,.split-line.cols-md-7>*:nth-child(n)::after,.split-line.cols-md-8>*:nth-child(n)::after{
            content:''
        }
        .split-line>.col-md-1:nth-child(12n)::after,.split-line>.col-md-2:nth-child(6n)::after,.split-line>.col-md-3:nth-child(4n)::after,.split-line>.col-md-4:nth-child(3n)::after,.split-line>.col-md-5:nth-child(2n)::after,.split-line>.col-md-6:nth-child(2n)::after,.split-line>.col-md-7:nth-child(1n)::after,.split-line>.col-md-8:nth-child(1n)::after,.split-line>.col-md-9:nth-child(1n)::after,.split-line>.col-md-10:nth-child(1n)::after,.split-line>.col-md-11:nth-child(1n)::after,.split-line.cols-md-1>*:nth-child(1n)::after,.split-line.cols-md-2>*:nth-child(2n)::after,.split-line.cols-md-3>*:nth-child(3n)::after,.split-line.cols-md-4>*:nth-child(4n)::after,.split-line.cols-md-5>*:nth-child(5n)::after,.split-line.cols-md-6>*:nth-child(6n)::after,.split-line.cols-md-7>*:nth-child(7n)::after,.split-line.cols-md-8>*:nth-child(8n)::after{
            content:none
        }
    }
    @media (min-width: 992px){
        .split-line>.col-lg-1:nth-child(n)::after,.split-line>.col-lg-2:nth-child(n)::after,.split-line>.col-lg-3:nth-child(n)::after,.split-line>.col-lg-4:nth-child(n)::after,.split-line>.col-lg-5:nth-child(n)::after,.split-line>.col-lg-6:nth-child(n)::after,.split-line>.col-lg-7:nth-child(n)::after,.split-line>.col-lg-8:nth-child(n)::after,.split-line>.col-lg-9:nth-child(n)::after,.split-line>.col-lg-10:nth-child(n)::after,.split-line>.col-lg-11:nth-child(n)::after,.split-line.cols-lg-1>*:nth-child(n)::after,.split-line.cols-lg-2>*:nth-child(n)::after,.split-line.cols-lg-3>*:nth-child(n)::after,.split-line.cols-lg-4>*:nth-child(n)::after,.split-line.cols-lg-5>*:nth-child(n)::after,.split-line.cols-lg-6>*:nth-child(n)::after,.split-line.cols-lg-7>*:nth-child(n)::after,.split-line.cols-lg-8>*:nth-child(n)::after{
            content:''
        }
        .split-line>.col-lg-1:nth-child(12n)::after,.split-line>.col-lg-2:nth-child(6n)::after,.split-line>.col-lg-3:nth-child(4n)::after,.split-line>.col-lg-4:nth-child(3n)::after,.split-line>.col-lg-5:nth-child(2n)::after,.split-line>.col-lg-6:nth-child(2n)::after,.split-line>.col-lg-7:nth-child(1n)::after,.split-line>.col-lg-8:nth-child(1n)::after,.split-line>.col-lg-9:nth-child(1n)::after,.split-line>.col-lg-10:nth-child(1n)::after,.split-line>.col-lg-11:nth-child(1n)::after,.split-line.cols-lg-1>*:nth-child(1n)::after,.split-line.cols-lg-2>*:nth-child(2n)::after,.split-line.cols-lg-3>*:nth-child(3n)::after,.split-line.cols-lg-4>*:nth-child(4n)::after,.split-line.cols-lg-5>*:nth-child(5n)::after,.split-line.cols-lg-6>*:nth-child(6n)::after,.split-line.cols-lg-7>*:nth-child(7n)::after,.split-line.cols-lg-8>*:nth-child(8n)::after{
            content:none
        }
    }
    @media (min-width: 1200px){
        .split-line>.col-xl-1:nth-child(n)::after,.split-line>.col-xl-2:nth-child(n)::after,.split-line>.col-xl-3:nth-child(n)::after,.split-line>.col-xl-4:nth-child(n)::after,.split-line>.col-xl-5:nth-child(n)::after,.split-line>.col-xl-6:nth-child(n)::after,.split-line>.col-xl-7:nth-child(n)::after,.split-line>.col-xl-8:nth-child(n)::after,.split-line>.col-xl-9:nth-child(n)::after,.split-line>.col-xl-10:nth-child(n)::after,.split-line>.col-xl-11:nth-child(n)::after,.split-line.cols-xl-1>*:nth-child(n)::after,.split-line.cols-xl-2>*:nth-child(n)::after,.split-line.cols-xl-3>*:nth-child(n)::after,.split-line.cols-xl-4>*:nth-child(n)::after,.split-line.cols-xl-5>*:nth-child(n)::after,.split-line.cols-xl-6>*:nth-child(n)::after,.split-line.cols-xl-7>*:nth-child(n)::after,.split-line.cols-xl-8>*:nth-child(n)::after,.split-line>.col-xl-5col:nth-child(n)::after,.split-line>.col-xl-7col:nth-child(n)::after,.split-line>.col-xl-8col:nth-child(n)::after{
            content:''
        }
        .split-line>.col-xl-1:nth-child(12n)::after,.split-line>.col-xl-2:nth-child(6n)::after,.split-line>.col-xl-3:nth-child(4n)::after,.split-line>.col-xl-4:nth-child(3n)::after,.split-line>.col-xl-5:nth-child(2n)::after,.split-line>.col-xl-6:nth-child(2n)::after,.split-line>.col-xl-7:nth-child(1n)::after,.split-line>.col-xl-8:nth-child(1n)::after,.split-line>.col-xl-9:nth-child(1n)::after,.split-line>.col-xl-10:nth-child(1n)::after,.split-line>.col-xl-11:nth-child(1n)::after,.split-line.cols-xl-1>*:nth-child(1n)::after,.split-line.cols-xl-2>*:nth-child(2n)::after,.split-line.cols-xl-3>*:nth-child(3n)::after,.split-line.cols-xl-4>*:nth-child(4n)::after,.split-line.cols-xl-5>*:nth-child(5n)::after,.split-line.cols-xl-6>*:nth-child(6n)::after,.split-line.cols-xl-7>*:nth-child(7n)::after,.split-line.cols-xl-8>*:nth-child(8n)::after,.split-line>.col-xl-5col:nth-child(5n)::after,.split-line>.col-xl-7col:nth-child(7n)::after,.split-line>.col-xl-8col:nth-child(8n)::after{
            content:none
        }
    }
    .mt-0{
        margin-top:0rem !important
    }
    .mb-0{
        margin-bottom:0rem !important
    }
    .pt-0{
        padding-top:0rem !important
    }
    .pb-0{
        padding-bottom:0rem !important
    }
    .mt-1{
        margin-top:.5rem !important
    }
    .mb-1{
        margin-bottom:.5rem !important
    }
    .pt-1{
        padding-top: 1.5rem !important;
    }
    .pb-1{
        padding-bottom:.5rem !important
    }
    .mt-2{
        margin-top:1rem !important
    }
    .mb-2{
        margin-bottom:1rem !important
    }
    .pt-2{
        padding-top: 2rem !important;
    }
    .pb-2{
        padding-bottom:1rem !important
    }
    .mt-3{
        margin-top:1.5rem !important
    }
    .mb-3{
        margin-bottom:1.5rem !important
    }
    .pt-3{
        padding-top:1.5rem !important
    }
    .pb-3{
        padding-bottom:1.5rem !important
    }
    .mt-4{
        margin-top:2rem !important
    }
    .mb-4{
        margin-bottom:2rem !important
    }
    .pt-4{
        padding-top:2rem !important
    }
    .pb-4{
        padding-bottom:2rem !important
    }
    .mt-5{
        margin-top:2.5rem !important
    }
    .mb-5{
        margin-bottom:2.5rem !important
    }
    .pt-5{
        padding-top:2.5rem 
    }
    .pb-5{
        padding-bottom:2.5rem !important
    }
    .mt-6{
        margin-top:3rem !important
    }
    .mb-6{
        margin-bottom:3rem !important
    }
    .pt-6{
        padding-top:3rem !important
    }
    .pb-6{
        padding-bottom:3rem !important
    }
    .mt-7{
        margin-top:3.5rem !important
    }
    .mb-7{
        margin-bottom:3.5rem !important
    }
    .pt-7{
        padding-top:3.5rem !important
    }
    .pb-7{
        padding-bottom:3.5rem !important
    }
    .mt-8{
        margin-top:4rem !important
    }
    .mb-8{
        margin-bottom:4rem !important
    }
    .pt-8{
        padding-top:4rem !important
    }
    .pb-8{
        padding-bottom:4rem !important
    }
    .mt-9{
        margin-top:4.5rem !important
    }
    .mb-9{
        margin-bottom:4.5rem !important
    }
    .pt-9{
        padding-top:4.5rem !important
    }
    .pb-9{
        padding-bottom:4.5rem !important
    }
    .mt-10{
        margin-top:5rem !important
    }
    .mb-10{
        margin-bottom:5rem !important
    }
    .pt-10{
        padding-top:5rem !important
    }
    .pb-10{
        padding-bottom:5rem !important
    }
    .ml-0{
        margin-left:0rem !important
    }
    .mr-0{
        margin-right:0rem !important
    }
    .pl-0{
        padding-left:0rem !important
    }
    .pr-0{
        padding-right:0rem !important
    }
    .ml-1{
        margin-left:.5rem !important
    }
    .mr-1{
        margin-right:.5rem !important
    }
    .pl-1{
        padding-left:.5rem !important
    }
    .pr-1{
        padding-right:.5rem !important
    }
    .ml-2{
        margin-left:1rem !important
    }
    .mr-2{
        margin-right:1rem !important
    }
    .pl-2{
        padding-left:1rem !important
    }
    .pr-2{
        padding-right:1rem !important
    }
    .ml-3{
        margin-left:1.5rem !important
    }
    .mr-3{
        margin-right:1.5rem !important
    }
    .pl-3{
        padding-left:1.5rem !important
    }
    .pr-3{
        padding-right:1.5rem !important
    }
    .ml-4{
        margin-left:2rem !important
    }
    .mr-4{
        margin-right:2rem !important
    }
    .pl-4{
        padding-left:2rem 
    }
    .pr-4{
        padding-right:2rem 
    }
    .ml-5{
        margin-left:2.5rem !important
    }
    .mr-5{
        margin-right:2.5rem !important
    }
    .pl-5{
        padding-left:2.5rem !important
    }
    .pr-5{
        padding-right:2.5rem !important
    }
    .ml-6{
        margin-left:3rem !important
    }
    .mr-6{
        margin-right:3rem !important
    }
    .pl-6{
        padding-left:3rem !important
    }
    .pr-6{
        padding-right:3rem !important
    }
    .ml-7{
        margin-left:3.5rem !important
    }
    .mr-7{
        margin-right:3.5rem !important
    }
    .pl-7{
        padding-left:3.5rem !important
    }
    .pr-7{
        padding-right:3.5rem !important
    }
    .ml-8{
        margin-left:4rem !important
    }
    .mr-8{
        margin-right:4rem !important
    }
    .pl-8{
        padding-left:4rem !important
    }
    .pr-8{
        padding-right:4rem !important
    }
    .ml-9{
        margin-left:4.5rem !important
    }
    .mr-9{
        margin-right:4.5rem !important
    }
    .pl-9{
        padding-left:4.5rem !important
    }
    .pr-9{
        padding-right:4.5rem !important
    }
    .ml-10{
        margin-left:5rem !important
    }
    .mr-10{
        margin-right:5rem !important
    }
    .pl-10{
        padding-left:5rem !important
    }
    .pr-10{
        padding-right:5rem !important
    }
    .p-0{
        padding:0 !important
    }
    .m-0{
        margin:0 !important
    }
    .ml-auto{
        margin-left:auto !important
    }
    .mr-auto{
        margin-right:auto !important
    }
    .mx-auto{
        margin-left:auto !important;
        margin-right:auto !important
    }
    @media (min-width: 576px){
        .mt-sm-0{
            margin-top:0rem !important
        }
        .mt-sm-1{
            margin-top:.5rem !important
        }
        .mt-sm-2{
            margin-top:1rem !important
        }
        .mt-sm-3{
            margin-top:1.5rem !important
        }
        .mt-sm-4{
            margin-top:2rem !important
        }
        .mt-sm-5{
            margin-top:2.5rem !important
        }
        .mt-sm-6{
            margin-top:3rem !important
        }
        .mt-sm-7{
            margin-top:3.5rem !important
        }
        .mt-sm-8{
            margin-top:4rem !important
        }
        .mt-sm-9{
            margin-top:4.5rem !important
        }
        .mt-sm-10{
            margin-top:5rem !important
        }
        .mb-sm-0{
            margin-bottom:0rem !important
        }
        .mb-sm-1{
            margin-bottom:.5rem !important
        }
        .mb-sm-2{
            margin-bottom:1rem !important
        }
        .mb-sm-3{
            margin-bottom:1.5rem !important
        }
        .mb-sm-4{
            margin-bottom:2rem !important
        }
        .mb-sm-5{
            margin-bottom:2.5rem !important
        }
        .mb-sm-6{
            margin-bottom:3rem !important
        }
        .mb-sm-7{
            margin-bottom:3.5rem !important
        }
        .mb-sm-8{
            margin-bottom:4rem !important
        }
        .mb-sm-9{
            margin-bottom:4.5rem !important
        }
        .mb-sm-10{
            margin-bottom:5rem !important
        }
        .mr-sm-0{
            margin-right:0rem !important
        }
        .mr-sm-1{
            margin-right:.5rem !important
        }
        .mr-sm-2{
            margin-right:1rem !important
        }
        .mr-sm-3{
            margin-right:1.5rem !important
        }
        .mr-sm-4{
            margin-right:2rem !important
        }
        .mr-sm-5{
            margin-right:2.5rem !important
        }
        .mr-sm-6{
            margin-right:3rem !important
        }
        .mr-sm-7{
            margin-right:3.5rem !important
        }
        .mr-sm-8{
            margin-right:4rem !important
        }
        .mr-sm-9{
            margin-right:4.5rem !important
        }
        .mr-sm-10{
            margin-right:5rem !important
        }
        .ml-sm-0{
            margin-left:0rem !important
        }
        .ml-sm-1{
            margin-left:.5rem !important
        }
        .ml-sm-2{
            margin-left:1rem !important
        }
        .ml-sm-3{
            margin-left:1.5rem !important
        }
        .ml-sm-4{
            margin-left:2rem !important
        }
        .ml-sm-5{
            margin-left:2.5rem !important
        }
        .ml-sm-6{
            margin-left:3rem !important
        }
        .ml-sm-7{
            margin-left:3.5rem !important
        }
        .ml-sm-8{
            margin-left:4rem !important
        }
        .ml-sm-9{
            margin-left:4.5rem !important
        }
        .ml-sm-10{
            margin-left:5rem !important
        }
        .pt-sm-0{
            padding-top:0rem !important
        }
        .pt-sm-1{
            padding-top:.5rem !important
        }
        .pt-sm-2{
            padding-top:1rem !important
        }
        .pt-sm-3{
            padding-top:1.5rem !important
        }
        .pt-sm-4{
            padding-top:2rem !important
        }
        .pt-sm-5{
            padding-top:2.5rem !important
        }
        .pt-sm-6{
            padding-top:3rem !important
        }
        .pt-sm-7{
            padding-top:3.5rem !important
        }
        .pt-sm-8{
            padding-top:4rem !important
        }
        .pt-sm-9{
            padding-top:4.5rem !important
        }
        .pt-sm-10{
            padding-top:5rem !important
        }
        .pr-sm-0{
            padding-right:0rem !important
        }
        .pr-sm-1{
            padding-right:.5rem !important
        }
        .pr-sm-2{
            padding-right:1rem !important
        }
        .pr-sm-3{
            padding-right:1.5rem !important
        }
        .pr-sm-4{
            padding-right:2rem !important
        }
        .pr-sm-5{
            padding-right:2.5rem !important
        }
        .pr-sm-6{
            padding-right:3rem !important
        }
        .pr-sm-7{
            padding-right:3.5rem !important
        }
        .pr-sm-8{
            padding-right:4rem !important
        }
        .pr-sm-9{
            padding-right:4.5rem !important
        }
        .pr-sm-10{
            padding-right:5rem !important
        }
        .pl-sm-0{
            padding-left:0rem !important
        }
        .pl-sm-1{
            padding-left:.5rem !important
        }
        .pl-sm-2{
            padding-left:1rem !important
        }
        .pl-sm-3{
            padding-left:1.5rem !important
        }
        .pl-sm-4{
            padding-left:2rem !important
        }
        .pl-sm-5{
            padding-left:2.5rem !important
        }
        .pl-sm-6{
            padding-left:3rem !important
        }
        .pl-sm-7{
            padding-left:3.5rem !important
        }
        .pl-sm-8{
            padding-left:4rem !important
        }
        .pl-sm-9{
            padding-left:4.5rem !important
        }
        .pl-sm-10{
            padding-left:5rem !important
        }
        .pb-sm-0{
            padding-bottom:0rem !important
        }
        .pb-sm-1{
            padding-bottom:.5rem !important
        }
        .pb-sm-2{
            padding-bottom:1rem !important
        }
        .pb-sm-3{
            padding-bottom:1.5rem !important
        }
        .pb-sm-4{
            padding-bottom:2rem !important
        }
        .pb-sm-5{
            padding-bottom:2.5rem !important
        }
        .pb-sm-6{
            padding-bottom:3rem !important
        }
        .pb-sm-7{
            padding-bottom:3.5rem !important
        }
        .pb-sm-8{
            padding-bottom:4rem !important
        }
        .pb-sm-9{
            padding-bottom:4.5rem !important
        }
        .pb-sm-10{
            padding-bottom:5rem !important
        }
    }
    @media (min-width: 768px){
        .mt-md-0{
            margin-top:0rem !important
        }
        .mt-md-1{
            margin-top:.5rem !important
        }
        .mt-md-2{
            margin-top:1rem !important
        }
        .mt-md-3{
            margin-top:1.5rem !important
        }
        .mt-md-4{
            margin-top:2rem !important
        }
        .mt-md-5{
            margin-top:2.5rem !important
        }
        .mt-md-6{
            margin-top:3rem !important
        }
        .mt-md-7{
            margin-top:3.5rem !important
        }
        .mt-md-8{
            margin-top:4rem !important
        }
        .mt-md-9{
            margin-top:4.5rem !important
        }
        .mt-md-10{
            margin-top:5rem !important
        }
        .mb-md-0{
            margin-bottom:0rem !important
        }
        .mb-md-1{
            margin-bottom:.5rem !important
        }
        .mb-md-2{
            margin-bottom:1rem !important
        }
        .mb-md-3{
            margin-bottom:1.5rem !important
        }
        .mb-md-4{
            margin-bottom:2rem !important
        }
        .mb-md-5{
            margin-bottom:2.5rem !important
        }
        .mb-md-6{
            margin-bottom:3rem !important
        }
        .mb-md-7{
            margin-bottom:3.5rem !important
        }
        .mb-md-8{
            margin-bottom:4rem !important
        }
        .mb-md-9{
            margin-bottom:4.5rem !important
        }
        .mb-md-10{
            margin-bottom:5rem !important
        }
        .pt-md-0{
            padding-top:0rem !important
        }
        .pt-md-1{
            padding-top:.5rem !important
        }
        .pt-md-2{
            padding-top:1rem !important
        }
        .pt-md-3{
            padding-top:1.5rem !important
        }
        .pt-md-4{
            padding-top:2rem !important
        }
        .pt-md-5{
            padding-top:2.5rem !important
        }
        .pt-md-6{
            padding-top:3rem !important
        }
        .pt-md-7{
            padding-top:3.5rem !important
        }
        .pt-md-8{
            padding-top:4rem !important
        }
        .pt-md-9{
            padding-top:4.5rem !important
        }
        .pt-md-10{
            padding-top:5rem !important
        }
        .pb-md-0{
            padding-bottom:0rem !important
        }
        .pb-md-1{
            padding-bottom:.5rem !important
        }
        .pb-md-2{
            padding-bottom:1rem !important
        }
        .pb-md-3{
            padding-bottom:1.5rem !important
        }
        .pb-md-4{
            padding-bottom:2rem !important
        }
        .pb-md-5{
            padding-bottom:2.5rem !important
        }
        .pb-md-6{
            padding-bottom:3rem !important
        }
        .pb-md-7{
            padding-bottom:3.5rem !important
        }
        .pb-md-8{
            padding-bottom:4rem !important
        }
        .pb-md-9{
            padding-bottom:4.5rem !important
        }
        .pb-md-10{
            padding-bottom:5rem !important
        }
    }
    @media (min-width: 992px){
        .mt-lg-0{
            margin-top:0rem !important
        }
        .mt-lg-1{
            margin-top:.5rem !important
        }
        .mt-lg-2{
            margin-top:1rem !important
        }
        .mt-lg-3{
            margin-top:1.5rem !important
        }
        .mt-lg-4{
            margin-top:2rem !important
        }
        .mt-lg-5{
            margin-top:2.5rem !important
        }
        .mt-lg-6{
            margin-top:3rem !important
        }
        .mt-lg-7{
            margin-top:3.5rem !important
        }
        .mt-lg-8{
            margin-top:4rem !important
        }
        .mt-lg-9{
            margin-top:4.5rem !important
        }
        .mt-lg-10{
            margin-top:5rem !important
        }
        .mb-lg-0{
            margin-bottom:0rem !important
        }
        .mb-lg-1{
            margin-bottom:.5rem !important
        }
        .mb-lg-2{
            margin-bottom:1rem !important
        }
        .mb-lg-3{
            margin-bottom:1.5rem !important
        }
        .mb-lg-4{
            margin-bottom:2rem !important
        }
        .mb-lg-5{
            margin-bottom:2.5rem !important
        }
        .mb-lg-6{
            margin-bottom:3rem !important
        }
        .mb-lg-7{
            margin-bottom:3.5rem !important
        }
        .mb-lg-8{
            margin-bottom:4rem !important
        }
        .mb-lg-9{
            margin-bottom:4.5rem !important
        }
        .mb-lg-10{
            margin-bottom:5rem !important
        }
        .pt-lg-0{
            padding-top:0rem !important
        }
        .pt-lg-1{
            padding-top:.5rem !important
        }
        .pt-lg-2{
            padding-top:1rem !important
        }
        .pt-lg-3{
            padding-top:1.5rem !important
        }
        .pt-lg-4{
            padding-top:2rem !important
        }
        .pt-lg-5{
            padding-top:2.5rem !important
        }
        .pt-lg-6{
            padding-top:3rem !important
        }
        .pt-lg-7{
            padding-top:3.5rem !important
        }
        .pt-lg-8{
            padding-top:4rem !important
        }
        .pt-lg-9{
            padding-top:4.5rem !important
        }
        .pt-lg-10{
            padding-top:5rem !important
        }
        .pb-lg-0{
            padding-bottom:0rem !important
        }
        .pb-lg-1{
            padding-bottom:.5rem !important
        }
        .pb-lg-2{
            padding-bottom:1rem !important
        }
        .pb-lg-3{
            padding-bottom:1.5rem !important
        }
        .pb-lg-4{
            padding-bottom:2rem !important
        }
        .pb-lg-5{
            padding-bottom:2.5rem !important
        }
        .pb-lg-6{
            padding-bottom:3rem !important
        }
        .pb-lg-7{
            padding-bottom:3.5rem !important
        }
        .pb-lg-8{
            padding-bottom:4rem !important
        }
        .pb-lg-9{
            padding-bottom:4.5rem !important
        }
        .pb-lg-10{
            padding-bottom:5rem !important
        }
        .ml-lg-0{
            margin-left:0rem !important
        }
        .mr-lg-0{
            margin-right:0rem !important
        }
        .pl-lg-0{
            padding-left:0rem !important
        }
        .pr-lg-0{
            padding-right:0rem !important
        }
        .ml-lg-1{
            margin-left:.5rem !important
        }
        .mr-lg-1{
            margin-right:.5rem !important
        }
        .pl-lg-1{
            padding-left:.5rem !important
        }
        .pr-lg-1{
            padding-right:.5rem !important
        }
        .ml-lg-2{
            margin-left:1rem !important
        }
        .mr-lg-2{
            margin-right:1rem !important
        }
        .pl-lg-2{
            padding-left:1rem !important
        }
        .pr-lg-2{
            padding-right:1rem !important
        }
        .ml-lg-3{
            margin-left:1.5rem !important
        }
        .mr-lg-3{
            margin-right:1.5rem !important
        }
        .pl-lg-3{
            padding-left:1.5rem !important
        }
        .pr-lg-3{
            padding-right:1.5rem !important
        }
        .ml-lg-4{
            margin-left:2rem !important
        }
        .mr-lg-4{
            margin-right:2rem !important
        }
        .pl-lg-4{
            padding-left:2rem !important
        }
        .pr-lg-4{
            padding-right:2rem !important
        }
        .ml-lg-5{
            margin-left:2.5rem !important
        }
        .mr-lg-5{
            margin-right:2.5rem !important
        }
        .pl-lg-5{
            padding-left:2.5rem !important
        }
        .pr-lg-5{
            padding-right:2.5rem !important
        }
        .ml-lg-6{
            margin-left:3rem !important
        }
        .mr-lg-6{
            margin-right:3rem !important
        }
        .pl-lg-6{
            padding-left:3rem !important
        }
        .pr-lg-6{
            padding-right:3rem !important
        }
        .ml-lg-7{
            margin-left:3.5rem !important
        }
        .mr-lg-7{
            margin-right:3.5rem !important
        }
        .pl-lg-7{
            padding-left:3.5rem !important
        }
        .pr-lg-7{
            padding-right:3.5rem !important
        }
        .ml-lg-8{
            margin-left:4rem !important
        }
        .mr-lg-8{
            margin-right:4rem !important
        }
        .pl-lg-8{
            padding-left:4rem !important
        }
        .pr-lg-8{
            padding-right:4rem !important
        }
        .ml-lg-9{
            margin-left:4.5rem !important
        }
        .mr-lg-9{
            margin-right:4.5rem !important
        }
        .pl-lg-9{
            padding-left:4.5rem !important
        }
        .pr-lg-9{
            padding-right:4.5rem !important
        }
        .ml-lg-10{
            margin-left:5rem !important
        }
        .mr-lg-10{
            margin-right:5rem !important
        }
        .pl-lg-10{
            padding-left:5rem !important
        }
        .pr-lg-10{
            padding-right:5rem !important
        }
    }
    @media (min-width: 1200px){
        .mt-xl-0{
            margin-top:0rem !important
        }
        .mt-xl-1{
            margin-top:.5rem !important
        }
        .mt-xl-2{
            margin-top:1rem !important
        }
        .mt-xl-3{
            margin-top:1.5rem !important
        }
        .mt-xl-4{
            margin-top:2rem !important
        }
        .mt-xl-5{
            margin-top:2.5rem !important
        }
        .mt-xl-6{
            margin-top:3rem !important
        }
        .mt-xl-7{
            margin-top:3.5rem !important
        }
        .mt-xl-8{
            margin-top:4rem !important
        }
        .mt-xl-9{
            margin-top:4.5rem !important
        }
        .mt-xl-10{
            margin-top:5rem !important
        }
        .mb-xl-0{
            margin-bottom:0rem !important
        }
        .mb-xl-1{
            margin-bottom:.5rem !important
        }
        .mb-xl-2{
            margin-bottom:1rem !important
        }
        .mb-xl-3{
            margin-bottom:1.5rem !important
        }
        .mb-xl-4{
            margin-bottom:2rem !important
        }
        .mb-xl-5{
            margin-bottom:2.5rem !important
        }
        .mb-xl-6{
            margin-bottom:3rem !important
        }
        .mb-xl-7{
            margin-bottom:3.5rem !important
        }
        .mb-xl-8{
            margin-bottom:4rem !important
        }
        .mb-xl-9{
            margin-bottom:4.5rem !important
        }
        .mb-xl-10{
            margin-bottom:5rem !important
        }
        .ml-xl-0{
            margin-left:0rem !important
        }
        .ml-xl-1{
            margin-left:.5rem !important
        }
        .ml-xl-2{
            margin-left:1rem !important
        }
        .ml-xl-3{
            margin-left:1.5rem !important
        }
        .ml-xl-4{
            margin-left:2rem !important
        }
        .ml-xl-5{
            margin-left:2.5rem !important
        }
        .ml-xl-6{
            margin-left:3rem !important
        }
        .ml-xl-7{
            margin-left:3.5rem !important
        }
        .ml-xl-8{
            margin-left:4rem !important
        }
        .ml-xl-9{
            margin-left:4.5rem !important
        }
        .ml-xl-10{
            margin-left:5rem !important
        }
        .mr-xl-0{
            margin-right:0rem !important
        }
        .mr-xl-1{
            margin-right:.5rem !important
        }
        .mr-xl-2{
            margin-right:1rem !important
        }
        .mr-xl-3{
            margin-right:1.5rem !important
        }
        .mr-xl-4{
            margin-right:2rem !important
        }
        .mr-xl-5{
            margin-right:2.5rem !important
        }
        .mr-xl-6{
            margin-right:3rem !important
        }
        .mr-xl-7{
            margin-right:3.5rem !important
        }
        .mr-xl-8{
            margin-right:4rem !important
        }
        .mr-xl-9{
            margin-right:4.5rem !important
        }
        .mr-xl-10{
            margin-right:5rem !important
        }
    }
    @media (min-width: 992px){
        .ml-lg-auto{
            margin-left:auto !important
        }
        .mr-lg-auto{
            margin-right:auto !important
        }
        .mx-lg-auto{
            margin-left:auto !important;
            margin-right:auto !important
        }
    }
    @keyframes maskUp{
        from{
            transform:translate(0, 100%)
        }
        to{
            transform:translate(0, 0)
        }
    }
    @keyframes maskRight{
        from{
            transform:translate(-100%, 0)
        }
        to{
            transform:translate(0, 0)
        }
    }
    @keyframes maskDown{
        from{
            transform:translate(0, -100%)
        }
        to{
            transform:translate(0, 0)
        }
    }
    @keyframes maskLeft{
        from{
            transform:translate(100%, 0)
        }
        to{
            transform:translate(0, 0)
        }
    }
    .maskUp{
        animation-name:maskUp
    }
    .maskRight{
        animation-name:maskRight
    }
    .maskDown{
        animation-name:maskDown
    }
    .maskLeft{
        animation-name:maskLeft
    }
    @keyframes fadeInUpShorter{
        from{
            opacity:0;
            transform:translate(0, 50px);
            transform-origin:0 0
        }
        to{
            opacity:1;
            transform:none
        }
    }
    .fadeInUpShorter{
        animation-name:fadeInUpShorter
    }
    @keyframes fadeInLeftShorter{
        from{
            opacity:0;
            transform:translate(50px, 0);
            transform-origin:0 0
        }
        to{
            opacity:1;
            transform:none
        }
    }
    .fadeInLeftShorter{
        animation-name:fadeInLeftShorter
    }
    @keyframes fadeInRightShorter{
        from{
            opacity:0;
            transform:translate(-50px, 0);
            transform-origin:0 0
        }
        to{
            opacity:1;
            transform:none
        }
    }
    .fadeInRightShorter{
        animation-name:fadeInRightShorter
    }
    @keyframes fadeInDownShorter{
        from{
            opacity:0;
            transform:translate(0, -50px);
            transform-origin:0 0
        }
        to{
            opacity:1;
            transform:none
        }
    }
    .fadeInDownShorter{
        animation-name:fadeInDownShorter
    }
    @keyframes blurIn{
        from{
            opacity:0;
            filter:blur(20px);
            transform:scale(1.2)
        }
        to{
            opacity:1;
            filter:blur(0);
            transform:none
        }
    }
    .blurIn{
        animation-name:blurIn
    }
    @keyframes grayOut{
        from{
            opacity:1;
            filter:grayscale(0)
        }
        15%{
            filter:grayscale(100%)
        }
        to{
            opacity:.0;
            filter:grayscale(100%)
        }
    }
    .grayOut{
        animation-name:grayOut
    }
    @keyframes dotPulse{
        from{
            opacity:1;
            transform:scale(0.2)
        }
        to{
            opacity:0;
            transform:scale(1)
        }
    }
    .dotPulse{
        animation-name:dotPulse;
        animation-iteration-count:infinite;
        animation-duration:4s
    }
    @keyframes slideInUp{
        0%{
            transform:translate3d(0, 100%, 0);
            visibility:visible
        }
        to{
            transform:translateZ(0)
        }
    }
    @keyframes slideInDown{
        0%{
            transform:translate3d(0, -100%, 0);
            visibility:visible
        }
        to{
            transform:translateZ(0)
        }
    }
    @keyframes slideInLeft{
        0%{
            transform:translate3d(-100%, 0, 0);
            visibility:visible
        }
        to{
            transform:translateZ(0)
        }
    }
    @keyframes slideInRight{
        0%{
            transform:translate3d(100%, 0, 0);
            visibility:visible
        }
        to{
            transform:translateZ(0)
        }
    }
    @keyframes flipInX{
        0%{
            animation-timing-function:ease-in;
            opacity:0;
            transform:perspective(400px) rotateX(90deg)
        }
        to{
            transform:perspective(400px)
        }
    }
    @keyframes flipInY{
        0%{
            animation-timing-function:ease-in;
            opacity:0;
            transform:perspective(400px) rotateY(90deg)
        }
        to{
            transform:perspective(400px)
        }
    }
    @keyframes flipOutY{
        0%{
            animation-timing-function:ease-out;
            transform:perspective(400px)
        }
        to{
            opacity:0;
            transform:perspective(400px) rotateY(90deg)
        }
    }
    @keyframes brightIn{
        0%{
            animation-timing-function:ease-in;
            filter:brightness(0%)
        }
        to{
            filter:brightness(100%)
        }
    }
    .brightIn{
        animation-name:brightIn
    }
    .appear-animate{
        visibility:hidden;
        opacity:0
    }
    .appear-animation-visible{
        visibility:visible;
        opacity:1
    }
    @-webkit-keyframes zoomInShorter{
        0%{
            -webkit-transform:scale3d(0.8, 0.8, 0.8);
            opacity:0;
            transform:scale3d(0.8, 0.8, 0.8)
        }
        50%{
            opacity:1
        }
    }
    @keyframes zoomInShorter{
        0%{
            -webkit-transform:scale3d(0.8, 0.8, 0.8);
            opacity:0;
            transform:scale3d(0.8, 0.8, 0.8)
        }
        50%{
            opacity:1
        }
    }
    .zoomInShorter{
        -webkit-animation-name:zoomInShorter;
        animation-name:zoomInShorter
    }
    @keyframes bounceInUp{
        from, 60%, 75%, 90%, to{
            animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
        }
        from{
            opacity:0;
            transform:translate3d(0, 3000px, 0)
        }
        60%{
            opacity:1;
            transform:translate3d(0, -20px, 0)
        }
        75%{
            transform:translate3d(0, 10px, 0)
        }
        90%{
            transform:translate3d(0, -5px, 0)
        }
        to{
            transform:translate3d(0, 0, 0)
        }
    }
    @keyframes slideZoomIn{
        0%{
            transform:scale3d(1, 1, 1);
            opacity:1
        }
        100%{
            transform:scale3d(1.1, 1.1, 1);
            opacity:1
        }
    }
    .slideZoomIn{
        -webkit-animation-name:slideZoomIn;
        animation-name:slideZoomIn
    }
    @keyframes rotateStar{
        from{
            transform:rotate(0deg)
        }
        to{
            transform:rotate(360deg)
        }
    }
    .alert-round{
        border-radius:3px
    }
    .alert{
        position:relative;
        padding:1.6rem 3.8rem 1.6rem 1.8rem;
        border:1px solid #222;
        font-size:1.4rem;
        line-height:1.75
    }
    .alert .btn-close{
        display:inline-block;
        position:absolute;
        top:50%;
        right:2.1rem;
        transform:translateY(-50%);
        margin-top:-.1rem;
        font-size:1.5rem;
        line-height:0
    }
    .alert-title{
        text-transform:uppercase;
        font-size:1.4rem;
        line-height:inherit;
        color:inherit
    }
    .btn-close{
        transition:color .3s
    }
    .btn-close:hover{
        color:#000
    }
    .alert-primary{
        background-color:#0b3773;
        border-color:#0b3773;
        color:#0b3773
    }
    .alert-success{
        background-color:#a8c26e;
        border-color:#a8c26e;
        color:#a8c26e
    }
    .alert-warning{
        background-color:#d26e4b;
        border-color:#d26e4b;
        color:#d26e4b
    }
    .alert-danger{
        background-color:#b10001;
        border-color:#b10001;
        color:#b10001
    }
    .alert-black{
        background-color:#222;
        border-color:#222
    }
    .alert-black .btn-close:hover{
        color:#666
    }
    .alert-simple{
        background-color:transparent;
        border-style:dashed;
        border-color:#cacbcc
    }
    .alert-dark{
        color:#fff
    }
    .alert-dark .btn-close{
        color:#fff
    }
    .alert-icon{
        padding:1.5rem 3.9rem 1.5rem 1.9rem
    }
    .alert-icon>i{
        vertical-align:middle;
        margin-right:1.2rem;
        line-height:1;
        font-size:2.4rem;
        font-weight:600
    }
    .alert-light.alert-primary{
        background-color:#edf4f9;
        border-color:#edf4f9
    }
    .alert-light.alert-danger{
        background-color:#f6d6d5;
        border-color:#f6d6d5;
        color:#6d1a17
    }
    .alert-light.alert-danger .btn-close{
        color:#6d1a17
    }
    .alert-light.alert-warning{
        background-color:#fff5eb;
        border-color:#fff5eb
    }
    .alert-message{
        display:block;
        padding:1.3rem 3.9rem 1.9rem 1.9rem
    }
    .alert-message .btn-close{
        position:absolute;
        transform:translateY(0);
        top:2.7rem;
        right:2.1rem;
        font-size:1.4rem
    }
    .alert-message .alert-title{
        margin-bottom:.5rem;
        font-weight:700;
        line-height:1.7
    }
    .alert-message p{
        margin:0;
        padding-right:2rem;
        line-height:1.7
    }
    .alert-message.alert-link p{
        color:#666
    }
    .alert-message.alert-link a{
        color:#0b3773
    }
    .alert-message.alert-link a:hover{
        text-decoration:underline
    }
    .alert.alert-inline{
        padding-right:4rem
    }
    .alert.alert-inline .alert-title{
        display:inline-block;
        margin:0 0.8rem 0 0
    }
    .alert.alert-inline p{
        display:inline
    }
    .alert-btn:not(.alert-message){
        padding:.9rem 3.9rem .9rem .9rem
    }
    .alert-btn .btn:not(.btn-close){
        margin-right:1rem;
        padding:.73em 1.61em
    }
    .alert-btn.alert-message p{
        margin-bottom:1rem
    }
    .alert-btn.alert-dark.alert-warning .btn:not(.btn-close){
        background-color:transparent;
        padding:.7em 1.43em;
        border-width:3px;
        color:#fff
    }
    .alert-btn.alert-dark.alert-warning .btn:not(.btn-close):hover{
        border-color:#df7f50;
        background:#df7f50
    }
    .alert-btn.alert-light.alert-warning .btn:not(.btn-close){
        color:#d26e4b;
        background-color:#fff;
        border-color:#fff
    }
    .alert-btn.alert-light.alert-warning .btn:not(.btn-close):hover{
        color:#fff;
        background-color:#d26e4b;
        border-color:#d26e4b
    }
    .alert-summary>i{
        margin-right:.9rem;
        font-size:1.6rem;
        line-height:1.25
    }
    .alert-summary ul{
        margin:1.7rem 0 0 2.7rem;
        list-style-type:disc
    }
    .banner{
        position:relative;
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center;
        font-size:1rem
    }
    .banner figure img{
        display:block;
        width:100%;
        height:auto
    }
    .banner.inner-banner::before{
        content:'';
        position:absolute;
        left:1rem;
        right:1rem;
        top:1rem;
        bottom:1rem;
        border:2px solid rgba(225,225,225,0.3);
        z-index:1
    }
    .banner.inner-banner .banner-content{
        z-index:2
    }
    .banner .banner-content{
        position:relative
    }
    .banner-radius{
        border-radius:1rem;
        overflow:hidden
    }
    .banner-subtitle{
        letter-spacing:-.025em;
        line-height:1
    }
    .banner-title,.banner-price-info{
        line-height:1
    }
    .banner-fixed>.container,.banner-fixed>.container-fluid,.banner-fixed>.banner-content{
        position:absolute;
        z-index:1
    }
    .banner-fixed>.container,.banner-fixed>.container-fluid{
        left:0;
        right:0;
        top:0;
        bottom:0
    }
    .banner-fixed.content-middle .banner-content{
        top:50%;
        transform:translateY(-50%)
    }
    .banner-fixed.content-center .banner-content{
        text-align:center;
        left:50%;
        transform:translateX(-50%)
    }
    .banner-fixed.content-center.content-middle .banner-content{
        transform:translate(-50%, -50%)
    }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
        .intro-slider .banner img{
            height:100%;
            width:100%
        }
    }
    .video-banner{
        position:relative
    }
    .video-banner .btn-play{
        display:inline-block;
        line-height:49px;
        width:51px;
        height:51px;
        font-size:22px;
        border-radius:50%;
        border:1px solid;
        transition:background-color .3s, border-color .3s
    }
    .video-banner .btn-play i{
        margin-left:4px
    }
    .video-banner .btn-play:hover{
        background-color:#0b3773;
        border-color:#0b3773
    }
    .banner-button-hide .banner-content{
        transition:padding .3s
    }
    .banner-button-hide .btn{
        position:absolute;
        bottom:0;
        transform:translateX(-50%);
        left:50%;
        transition:.3s
    }
    .banner-button-hide:not(:hover) .btn{
        margin:0;
        visibility:hidden;
        opacity:0
    }
    .banner-button-hide:hover .banner-content{
        padding-bottom:6.2rem
    }
    .post{
        font-family:Poppins,sans-serif
    }
    .post .btn i{
        margin-left:8px
    }
    .post .btn i::before{
        margin:0
    }
    .post .post-details>*:last-child{
        margin-bottom:0
    }
    .post-calendar{
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        width:4.5rem;
        height:4.7rem;
        background:rgba(255,255,255,0.8);
        color:#222;
        font-weight:600;
        line-height:1;
        border-radius:.3rem
    }
    .post-calendar .post-day{
        display:block;
        margin-bottom:1px;
        font-size:1.6rem
    }
    .post-calendar .post-month{
        display:block;
        margin-left:2px;
        font-size:1rem
    }
    .post-media{
        position:relative;
        width:100%;
        margin-bottom:0;
        overflow:hidden
    }
    .post-media img{
        display:block;
        width:100%;
        height:auto;
        transition:transform .3s
    }
    .post-media .post-calendar{
        position:absolute;
        left:2rem;
        top:2rem
    }
    .post-media .owl-dots{
        bottom:2.5rem
    }
    .post-media .owl-dots .owl-dot span{
        border-color:#fff;
        background-color:transparent
    }
    .post-media .owl-dots .owl-dot:hover span{
        border-color:#fff;
        background-color:#fff
    }
    .post-details{
        padding:2.3rem 0 2rem
    }
    .post-meta{
        margin-bottom:.6rem;
        font-family:inherit;
        font-size:1.3rem;
        font-weight:inherit;
        line-height:1.2;
        color:#999
    }
    .post-meta a,.post-meta span{
        font-weight:600;
        color:#222
    }
    .post-meta a{
        text-transform:capitalize
    }
    .post-meta a:hover{
        color:#0b3773
    }
    .post-meta span{
        transition:color .3s
    }
    .post-meta .post-author{
        text-transform:uppercase
    }
    .post-meta .post-comment{
        margin-bottom:.6rem;
        font-family:inherit;
        font-size:1.3rem;
        font-weight:inherit;
        line-height:1.2;
        color:#999
    }
    .post-meta .post-comment:hover span{
        color:inherit
    }
    .post-title{
        margin-bottom:.5rem;
        text-transform:capitalize;
        font-size:1.8rem;
        font-weight:700;
        line-height:1.5
    }
    .post-content{
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;
        margin-bottom:1.8rem;
        line-height:1.72;
        letter-spacing:0;
        color:#666
    }
    @media (min-width: 576px){
        .post-classic .post-title{
            font-size:2.4rem
        }
    }
    .post-sm .post-details{
        padding:2.2rem .3rem 2rem
    }
    .post-video .post-media{
        position:relative
    }
    .post-video .video-play{
        display:inline-block;
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%, -50%);
        transition:color .3s, opacity .3s;
        font-family:'Font Awesome 5 Free';
        font-size:6rem;
        color:#fff;
        cursor:pointer;
        z-index:10
    }
    .post-video .video-play::before{
        content:'\f144'
    }
    .post-video video{
        display:none;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
        width:100%;
        height:100%;
        object-fit:cover
    }
    .post-video.playing video,.post-video.paused video{
        display:block
    }
    .post-video.playing .video-play,.post-video.paused .video-play{
        opacity:0
    }
    .post-video.playing .video-play:before,.post-video.paused .video-play:before{
        content:'\f28b'
    }
    .post-video.playing .post-media,.post-video.paused .post-media{
        background-color:#000
    }
    .post-video.playing .post-media:hover .video-play,.post-video.paused .post-media:hover .video-play{
        opacity:1
    }
    .post-video.playing img,.post-video.paused img{
        visibility:hidden
    }
    .post-video.paused .video-play{
        opacity:1
    }
    .post-video.paused .video-play:before{
        content:'\f144'
    }
    .post-list{
        margin-bottom:2rem
    }
    .post-list .post-details{
        padding:2rem 0
    }
    .post-list img{
        min-height:20rem;
        object-fit:cover
    }
    @media (min-width: 576px){
        .post-list{
            display:flex;
            align-items:center
        }
        .post-list .post-media{
            margin-right:2rem
        }
        .post-list .post-details,.post-list .post-media{
            width:calc(50% - 1rem)
        }
    }
    .post-list-xs{
        display:flex;
        align-items:center;
        margin-bottom:2rem;
        margin-left:2px
    }
    .post-list-xs .post-calendar{
        color:#ccc;
        border-color:#666;
        background-color:transparent
    }
    .post-list-xs .post-details{
        flex:1;
        margin:0 0 0 2rem;
        padding:0
    }
    .post-list-xs .post-title{
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        margin-bottom:0;
        text-transform:none;
        font-size:inherit;
        font-weight:400;
        line-height:1.69;
        color:inherit;
        white-space:normal
    }
    .post-list-xs .post-title:hover a{
        color:#fff
    }
    .post-list-sm{
        display:flex;
        align-items:center;
        margin-bottom:2rem
    }
    .post-list-sm .post-media{
        max-width:9rem;
        flex:0 0 9rem;
        height:9rem
    }
    .post-list-sm .post-media img{
        height:100%;
        object-fit:cover
    }
    .post-list-sm .post-details{
        padding:0;
        margin-left:1.6rem
    }
    .post-list-sm .post-meta{
        margin-bottom:.4rem
    }
    .post-list-sm .post-meta a{
        font-size:1.3rem;
        font-weight:400;
        color:#999
    }
    .post-list-sm .post-title{
        margin-bottom:0;
        white-space:normal;
        text-transform:none;
        font-size:1.4rem;
        font-weight:600;
        letter-spacing:0
    }
    .post-col .post{
        margin:0;
        padding:1rem .3rem
    }
    .post-image-gap{
        padding:2rem;
        background-color:#fff;
        transition:box-shadow .3s
    }
    .post-image-gap .post-details{
        padding-bottom:1rem
    }
    .post-image-gap:hover{
        box-shadow:0px 0px 7px 0px rgba(0,0,0,0.1)
    }
    .post-mask{
        position:relative
    }
    .post-mask::before{
        content:'';
        display:block;
        height:100%;
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        opacity:.75;
        background:rgba(51,51,51,0.5);
        transition:all 0.3s;
        pointer-events:none;
        z-index:1
    }
    .post-mask img{
        min-height:19rem
    }
    .post-mask.gradient::before{
        height:50%;
        background:linear-gradient(to bottom, rgba(125,185,232,0) 0%, #000 100%)
    }
    .post-mask .post-details{
        position:absolute;
        padding:0;
        left:3rem;
        right:3rem;
        bottom:2.2rem;
        z-index:2;
        transform:translateY(4rem);
        transition:transform .4s
    }
    .post-mask .post-meta{
        color:#fff
    }
    .post-mask .post-meta a,.post-mask .post-meta span{
        color:inherit
    }
    .post-mask .post-meta a{
        font-weight:400
    }
    .post-mask .post-title{
        margin:0;
        text-transform:none;
        line-height:1.32;
        color:#fff
    }
    .post-mask .post-title a:hover{
        color:#fff
    }
    .post-mask .btn-link{
        margin-top:1.5rem;
        opacity:0;
        transition:opacity .4s
    }
    .post-mask:hover .post-media a::before{
        opacity:.1
    }
    .post-mask:hover .post-details{
        transform:translateY(0)
    }
    .post-mask:hover .btn-link{
        opacity:1
    }
    .post-frame{
        padding:2rem 2rem 0;
        box-shadow:0px 5px 20px 3px rgba(0,0,0,0.05)
    }
    .post-frame .post-details{
        padding:2.2rem 0 2rem
    }
    .post-frame .post-content{
        margin-bottom:1.8rem;
        line-height:1.72
    }
    ul.blog-filters{
        padding-top:4rem;
        margin-bottom:2rem;
        text-transform:uppercase;
        font-weight:700;
        color:#333;
        border-top:1px solid #e1e1e1
    }
    ul.blog-filters li{
        margin-right:2rem;
        margin-left:2rem
    }
    ul.blog-filters .nav-filter{
        letter-spacing:0
    }
    .blog-filters span{
        margin-left:.8rem;
        color:#aaa
    }
    .blog-filters li{
        padding:0;
        margin-right:.8rem;
        line-height:2.143;
        border-bottom:2px solid transparent
    }
    .blog-filters a.nav-filter{
        border-width:2px
    }
    .btn{
        display:inline-block;
        border:2px solid #29b9b9;
        background-color: #29b9b9;
        color: #000000;
        outline:0;
        padding:1.22em 2.78em;
        font-weight:700;
        font-size:1.4rem;
        font-family:Poppins,sans-serif;
        letter-spacing:0;
        line-height:1.2;
        text-transform:uppercase;
        text-align:center;
        transition:color .3s, border-color .3s, background-color .3s, box-shadow .3s;
        white-space:nowrap;
        cursor:pointer
    }
    .btn:hover,.btn:active,.btn:focus{
        color:#222;
    }
    .btn i{
        display:inline-block;
        vertical-align:middle;
        margin-left:.4rem;
        line-height:0;
        font-size:1.9rem
    }
    .btn i::before{
        margin:0
    }
    .btn-solid{
        background-color:#fff;
        border-color:#fff;
        color:#222
    }
    .btn-solid:hover,.btn-solid:active,.btn-solid:focus{
        border-color:#222;
        background-color:#222;
        color:#fff
    }
    .btn-outline{
        border:2px solid #e4eaec;
        color:#666;
        background-color:transparent
    }
    .btn-outline:hover,.btn-outline:active,.btn-outline:focus{
        border-color:#666;
        background-color:#666;
        color:#fff
    }
    .btn-outline.btn-outline-light{
        padding:1.07em 2.21em;
        border-width:1px
    }
    .btn-outline.btn-bg{
        color:#fff
    }
    .btn-icon-left i,.btn-icon-right i,.btn-reveal-left i,.btn-reveal-right i{
        line-height:0
    }
    .btn-icon-right{
        display:inline-flex;
        align-items:center;
        justify-content:center
    }
    .btn-icon-right i{
        margin-left:.7rem
    }
    .btn-icon-left{
        display:inline-flex;
        align-items:center;
        justify-content:center
    }
    .btn-icon-left i{
        margin-right:.7rem;
        margin-left:0
    }
    .btn-reveal-left i{
        opacity:0;
        margin-left:-1em;
        transform:translateX(0.5em);
        margin-right:0;
        transition:transform .3s, opacity .3s, margin .3s
    }
    .btn-reveal-left:hover i,.btn-reveal-left:active i,.btn-reveal-left:focus i{
        opacity:1;
        margin-left:0;
        transform:translateX(0);
        margin-right:.7rem
    }
    .btn-reveal-right i{
        opacity:0;
        margin-right:-1em;
        transform:translateX(-0.5em);
        margin-left:0;
        transition:transform .3s, opacity .3s, margin .3s
    }
    .btn-reveal-right:hover i,.btn-reveal-right:active i,.btn-reveal-right:focus i{
        opacity:1;
        margin-left:.7rem;
        transform:translateX(0);
        margin-right:0
    }
    .btn-slide-left:hover i,.btn-slide-left:active i,.btn-slide-left:focus i{
        animation:.5s ease slideLeft
    }
    .btn-slide-right:hover i,.btn-slide-right:active i,.btn-slide-right:focus i{
        animation:.5s ease slideRight
    }
    .btn-slide-up:hover i,.btn-slide-up:active i,.btn-slide-up:focus i{
        animation:.5s ease slideUp
    }
    .btn-slide-down:hover i,.btn-slide-down:active i,.btn-slide-down:focus i{
        animation:.5s ease slideDown
    }
    .btn-infinite:hover i{
        animation-iteration-count:infinite
    }
    @keyframes slideLeft{
        0%{
            transform:translateX(0)
        }
        50%{
            transform:translateX(-0.5em)
        }
        100%{
            transform:translateX(0)
        }
    }
    @keyframes slideRight{
        0%{
            transform:translateX(0)
        }
        50%{
            transform:translateX(0.5em)
        }
        100%{
            transform:translateX(0)
        }
    }
    @keyframes slideUp{
        0%{
            transform:translateY(0)
        }
        50%{
            transform:translateY(-0.5em)
        }
        100%{
            transform:translateY(0)
        }
    }
    @keyframes slideDown{
        0%{
            transform:translateY(0)
        }
        50%{
            transform:translateY(0.5em)
        }
        100%{
            transform:translateY(0)
        }
    }
    .btn-shadow-lg{
        box-shadow:0 13px 20px -10px rgba(0,0,0,0.15)
    }
    .btn-shadow-lg:hover,.btn-shadow-lg:active,.btn-shadow-lg:focus{
        box-shadow:0 13px 20px -10px rgba(0,0,0,0.2)
    }
    .btn-shadow{
        box-shadow:0 15px 20px -15px rgba(0,0,0,0.15)
    }
    .btn-shadow:hover,.btn-shadow:active,.btn-shadow:focus{
        box-shadow:0 15px 20px -15px rgba(0,0,0,0.2)
    }
    .btn-shadow-sm{
        box-shadow:0 17px 20px -20px rgba(0,0,0,0.15)
    }
    .btn-shadow-sm:hover,.btn-shadow-sm:active,.btn-shadow-sm:focus{
        box-shadow:0 17px 20px -20px rgba(0,0,0,0.2)
    }
    .btn-underline:hover::after,.btn-underline:active::after,.btn-underline:focus::after{
        transform:scaleX(1)
    }
    .btn-underline::after{
        display:block;
        margin-top:1px;
        margin-left:auto;
        margin-right:auto;
        width:100%;
        height:2px;
        border:1px solid;
        transform:scaleX(0);
        transition:transform .3s;
        content:''
    }
    .btn-underline i{
        margin-bottom:2px
    }
    .btn-underline.btn-underline-visible::after{
        transform:scaleX(1)
    }
    .btn-underline.btn-underline-width-sm::after{
        height:1px;
        border-bottom:0
    }
    .btn-underline.sm::after{
        width:46%
    }
    .btn-underline.lg::after{
        margin-left:-16.5%;
        margin-right:-16.5%;
        width:133%
    }
    .btn-link{
        padding:0;
        color:#222;
        border:0;
        background-color:transparent
    }
    .btn-link:hover,.btn-link:active,.btn-link:focus{
        background-color:transparent
    }
    .btn-disabled{
        cursor:not-allowed;
        background-color:#e4eaec !important;
        color:#999 !important;
        border-color:#e4eaec !important;
        box-shadow:none !important
    }
    .btn-disabled::before,.btn-disabled::after{
        content:none !important
    }
    .btn.btn-rounded{
        border-radius:3px
    }
    .btn.btn-rounded::before,.btn.btn-rounded::after{
        border-radius:3px
    }
    .btn.btn-block{
        display:block;
        padding-left:0;
        padding-right:0;
        width:100%
    }
    .btn.btn-lg{
        padding:1.5em 3.42em
    }
    .btn.btn-md{
        padding:1.07em 2.15em;
        font-size:1.3rem
    }
    .btn.btn-sm{
        padding:0.92em 1.61em;
        font-size:1.3rem
    }
    .btn.btn-link{
        padding:0
    }
    @media (-ms-high-contrast: active), (-ms-high-contrast: none){
        .btn.btn-link{
            overflow:visible
        }
    }
    .btn-primary{
        color: #fff;
        border-color: #1dcb1a;
        background-color: #1dcb1a;
        border-radius: 30px;
    }
    .btn-primary:hover,.btn-primary:active,.btn-primary:focus{
        color:black;
        border-color: #13deeb;
        background-color: #13deeb;
    }
    .btn-primary.btn-solid{
        color:#0b3773;
        border-color:#fff;
        background-color:#fff
    }
    .btn-primary.btn-solid:hover,.btn-primary.btn-solid:active,.btn-primary.btn-solid:focus{
        border-color:#0b3773;
        background-color:#0b3773;
        color:#fff
    }
    .btn-primary.btn-outline{
        color:#0b3773;
        border-color:#0b3773;
        background-color:transparent
    }
    .btn-primary.btn-outline:hover,.btn-primary.btn-outline:active,.btn-primary.btn-outline:focus{
        background-color:#0b3773;
        color:#fff
    }
    .btn-primary.btn-link{
        background-color:transparent;
        color:#0b3773
    }
    .btn-primary.btn-link:hover,.btn-primary.btn-link:active,.btn-primary.btn-link:focus{
        color:#222
    }
    .btn-primary.btn-underline:hover,.btn-primary.btn-underline:active,.btn-primary.btn-underline:focus{
        color:#0b3773
    }
    .btn-secondary{
        color:#fff;
        border-color:#d26e4b;
        background-color:#d26e4b
    }
    .btn-secondary:hover,.btn-secondary:active,.btn-secondary:focus{
        color:#fff;
        border-color:#d98568;
        background-color:#d98568
    }
    .btn-secondary.btn-solid{
        color:#d26e4b;
        border-color:#fff;
        background-color:#fff
    }
    .btn-secondary.btn-solid:hover,.btn-secondary.btn-solid:active,.btn-secondary.btn-solid:focus{
        border-color:#d26e4b;
        background-color:#d26e4b;
        color:#fff
    }
    .btn-secondary.btn-outline{
        color:#d26e4b;
        border-color:#d26e4b;
        background-color:transparent
    }
    .btn-secondary.btn-outline:hover,.btn-secondary.btn-outline:active,.btn-secondary.btn-outline:focus{
        background-color:#d26e4b;
        color:#fff
    }
    .btn-secondary.btn-link{
        background-color:transparent;
        color:#d26e4b
    }
    .btn-secondary.btn-link:hover,.btn-secondary.btn-link:active,.btn-secondary.btn-link:focus{
        color:#222
    }
    .btn-secondary.btn-underline:hover,.btn-secondary.btn-underline:active,.btn-secondary.btn-underline:focus{
        color:#d26e4b
    }
    .btn-alert{
        color:#fff;
        border-color:#b10001;
        background-color:#b10001
    }
    .btn-alert:hover,.btn-alert:active,.btn-alert:focus{
        color:#fff;
        border-color:#d50001;
        background-color:#d50001
    }
    .btn-alert.btn-solid{
        color:#b10001;
        border-color:#fff;
        background-color:#fff
    }
    .btn-alert.btn-solid:hover,.btn-alert.btn-solid:active,.btn-alert.btn-solid:focus{
        border-color:#b10001;
        background-color:#b10001;
        color:#fff
    }
    .btn-alert.btn-outline{
        color:#b10001;
        border-color:#b10001;
        background-color:transparent
    }
    .btn-alert.btn-outline:hover,.btn-alert.btn-outline:active,.btn-alert.btn-outline:focus{
        background-color:#b10001;
        color:#fff
    }
    .btn-alert.btn-link{
        background-color:transparent;
        color:#b10001
    }
    .btn-alert.btn-link:hover,.btn-alert.btn-link:active,.btn-alert.btn-link:focus{
        color:#222
    }
    .btn-alert.btn-underline:hover,.btn-alert.btn-underline:active,.btn-alert.btn-underline:focus{
        color:#b10001
    }
    .cart-added-alert a {
        color: #fff;
        border-color: #0b3773;
        background-color: #0b3773;
    }
    .cont-shop:hover{
        color: #fff;
    }
    .btn-checkout:hover{
        color: #fff;
    }
    /*.btn-success{
        color:#fff;
        border-color:#a8c26e;
        background-color:#a8c26e
    }*/
    .btn-success:hover,.btn-success:active,.btn-success:focus{
        color:#fff;
        border-color: #72d816;
        background-color: #72d816;
        transition: all 2s 
ease;
    transform: scale(1.1);
    }
    .btn-success.btn-solid{
        color:#a8c26e;
        border-color:#fff;
        background-color:#fff
    }
    .btn-success.btn-solid:hover,.btn-success.btn-solid:active,.btn-success.btn-solid:focus{
        border-color:#a8c26e;
        background-color:#a8c26e;
        color:#fff
    }
    .btn-success.btn-outline{
        color:#a8c26e;
        border-color:#a8c26e;
        background-color:transparent
    }
    .btn-success.btn-outline:hover,.btn-success.btn-outline:active,.btn-success.btn-outline:focus{
        background-color:#a8c26e;
        color:#fff
    }
    .btn-success.btn-link{
        background-color:transparent;
        color:#a8c26e
    }
    .btn-success.btn-link:hover,.btn-success.btn-link:active,.btn-success.btn-link:focus{
        color:#222
    }
    .btn-success.btn-underline:hover,.btn-success.btn-underline:active,.btn-success.btn-underline:focus{
        color:#a8c26e
    }
    .btn-dark{
        color:#fff;
        border-color:#222;
        background-color:#222
    }
    .btn-dark:hover,.btn-dark:active,.btn-dark:focus{
        color:#fff;
        border-color:#343434;
        background-color:#343434
    }
    .btn-dark.btn-solid{
        color:#222;
        border-color:#fff;
        background-color:#fff
    }
    .btn-dark.btn-solid:hover,.btn-dark.btn-solid:active,.btn-dark.btn-solid:focus{
        border-color:#222;
        background-color:#222;
        color:#fff
    }
    .btn-dark.btn-outline{
        color:#222;
        border-color:#222;
        background-color:transparent
    }
    .btn-dark.btn-outline:hover,.btn-dark.btn-outline:active,.btn-dark.btn-outline:focus{
        background-color:#222;
        color:#fff
    }
    .btn-dark.btn-link{
        background-color:transparent;
        color:#222
    }
    .btn-dark.btn-link:hover,.btn-dark.btn-link:active,.btn-dark.btn-link:focus{
        color:#222
    }
    .btn-dark.btn-underline:hover,.btn-dark.btn-underline:active,.btn-dark.btn-underline:focus{
        color:#222
    }
    .btn-white{
        color:#222;
        background-color:#fff;
        border-color:#fff
    }
    .btn-white:hover,.btn-white:active,.btn-white:focus{
        color:#fff;
        border-color:#0b3773;
        background-color:#0b3773
    }
    .btn-white.btn-outline{
        color:#fff;
        background-color:transparent;
        border-color:#fff
    }
    .btn-white.btn-outline:hover,.btn-white.btn-outline:active,.btn-white.btn-outline:focus{
        color:#0b3773;
        background-color:#fff
    }
    .btn-white.btn-link{
        color:#fff;
        background-color:transparent
    }
    .btn-white.btn-link:hover,.btn-white.btn-link:active,.btn-white.btn-link:focus{
        color:#fff;
        background-color:transparent
    }
    .category{
        position:relative;
        font-size:1rem
    }
    .category img{
        display:block;
        width:100%;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        border-radius:.3rem
    }
    .category .category-name{
        margin-bottom:.3rem;
        font-size:1.4rem;
        font-weight:600;
        line-height:1.2;
        color:inherit;
        text-transform:capitalize
    }
    .category .category-name a{
        color:inherit
    }
    .category .category-count{
        font-size:1.2rem;
        line-height:1.2
    }
    .category-content{
        display:flex;
        align-items:center;
        flex-direction:column;
        justify-content:center;
        text-align:center;
        transition:background .3s
    }
    .category-absolute .category-content{
        cursor:pointer;
        position:absolute;
        left:1rem;
        right:1rem;
        bottom:1rem;
        height:5.2rem;
        border-radius:.3rem;
        overflow:hidden
    }
    .category-absolute .btn{
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        transform:translateY(100%);
        opacity:0;
        transition:transform .3s, opacity .3s;
        line-height:1
    }
    .category-absolute .category-content:hover .btn{
        transform:translateY(0);
        opacity:1
    }
    .category-default .category-content{
        background-color:#fff
    }
    .category-default .category-name,.category-light .category-name{
        margin-bottom:0;
        color:#222;
        letter-spacing:-.025em
    }
    .category-default1 .category-content{
        background-color:#fff;
        color:#222
    }
    .category-default1 .category-name{
        margin:0
    }
    .category-default1:hover .category-content{
        background-color:#0b3773;
        color:#fff
    }
    .category-light .category-name{
        padding:1.8rem 3.9rem;
        background-color:#fff;
        border-radius:.3rem;
        transition:background-color .3s, padding .3s
    }
    .category-light .category-name a{
        position:relative;
        transition:padding .3s
    }
    .category-light .category-name a::after{
        content:'\e97f';
        display:inline-block;
        position:absolute;
        right:0;
        top:50%;
        transform:translateY(-50%);
        font-family:"riode";
        font-size:1.6rem;
        font-weight:400;
        opacity:0;
        transition:opacity .3s
    }
    .category-light:hover .category-name{
        padding-left:2.7rem;
        padding-right:2.7rem;
        background-color:#0b3773;
        color:#fff
    }
    .category-light:hover .category-name a{
        padding-right:2.3rem
    }
    .category-light:hover .category-name a::after{
        opacity:1
    }
    .category-icon{
        padding:2.6rem .5rem;
        border:1px solid #e1e1e1;
        color:#222;
        text-align:center;
        transition:border .3s;
        border-radius:.3rem
    }
    .category-icon i{
        margin-bottom:1.3rem;
        font-size:4.2rem;
        color:#666;
        transition:transform .3s
    }
    .category-icon .category-name{
        margin:0;
        color:#222
    }
    .category-icon:hover i{
        transform:translateY(-4px)
    }
    .category-icon:hover .category-content{
        background:transparent
    }
    .category-icon-inline{
        display:inline-flex;
        align-items:center
    }
    .category-icon-inline .category-media{
        font-size:3.2rem;
        line-height:1;
        color:#444;
        transition:color .3s
    }
    .category-icon-inline .category-media i{
        margin-right:.8rem
    }
    .category-icon-inline .category-media svg{
        display:block;
        margin-right:1rem;
        width:3.5rem;
        height:3.9rem;
        stroke:#444;
        fill:#444;
        transition:stroke .3s
    }
    .category-icon-inline .category-name{
        margin:0;
        text-transform:none;
        text-align:left;
        font-size:1.3rem;
        font-weight:inherit;
        font-family:inherit;
        line-height:1.08;
        color:inherit;
        transition:color .3s
    }
    .category-icon-inline:hover .category-media,.category-icon-inline:hover .category-name{
        color:#0b3773
    }
    .category-icon-inline:hover svg{
        stroke:#0b3773;
        fill:#0b3773
    }
    .category-icon-inline:hover i,.category-icon-inline:hover svg{
        animation:slideUpShorter .6s
    }
    @keyframes slideUpShorter{
        0%{
            transform:translateY(0)
        }
        50%{
            transform:translateY(-4px)
        }
        100%{
            transform:translateY(0)
        }
    }
    .ellipse-section .owl-stage-outer{
        padding:5rem;
        margin:-5rem
    }
    .category-ellipse .category-media{
        border-radius:50%;
        overflow:hidden;
        padding:1.2rem;
        background:#fff;
        box-shadow:0 0 50px 0 rgba(0,0,0,0.1);
        text-align:center
    }
    .category-ellipse img{
        transform:rotateZ(-10deg) translateX(-14px);
        transition:transform .3s
    }
    .category-ellipse .category-content{
        padding-top:2rem
    }
    .category-ellipse .category-name{
        letter-spacing:-.025em;
        color:#222
    }
    .category-ellipse .category-name:hover{
        color:#0b3773
    }
    .category-ellipse .category-count{
        text-transform:uppercase
    }
    .category-ellipse:hover img{
        transform:rotateZ(0) translateX(0)
    }
    .category-classic .category-content{
        left:0;
        right:0;
        bottom:0;
        background-color:rgba(38,38,38,0.9);
        height:25%;
        color:#fff;
        border-radius:0
    }
    .category-classic .category-name{
        margin-bottom:0;
        text-transform:uppercase
    }
    .category-classic .category-count{
        display:block;
        opacity:0;
        line-height:0;
        visibility:hidden;
        transition:opacity .3s, line-height .3s, visibility .3s, padding .3s
    }
    .category-classic:hover .category-count{
        visibility:visible;
        line-height:1.2;
        opacity:1;
        padding-top:4px
    }
    .category-group-image,.category-group-icon{
        display:flex;
        align-items:center;
        border:1px solid #e1e1e1;
        border-radius:.3rem
    }
    .category-group-image>*,.category-group-icon>*{
        flex:1
    }
    .category-group-image li:not(:last-child),.category-group-icon li:not(:last-child){
        margin-bottom:.9rem
    }
    .category-group-image{
        color:#666
    }
    .category-group-image .category-content{
        position:static;
        padding:2.3rem 0;
        background:transparent;
        text-align:left;
        align-items:flex-start
    }
    .category-group-image .category-name{
        margin-bottom:1.5rem;
        text-transform:none;
        font-size:1.6rem;
        font-weight:700;
        color:#222;
        letter-spacing:-.01em
    }
    .category-group-image .category-list{
        font-size:1.3rem;
        line-height:1.2
    }
    .category-group-image .category-list a{
        position:relative;
        display:inline-block;
        transition:text-decoration .3s
    }
    .category-group-image .category-list a:hover{
        color:#222;
        text-decoration:underline
    }
    .category-group-image .category-list a:active{
        color:#0b3773
    }
    .category-group-image:hover .category-name{
        margin-bottom:1.5rem
    }
    .category-group-image:hover .category-content{
        background:transparent
    }
    .category-group-icon{
        display:flex;
        align-items:center;
        border:0;
        color:#fff
    }
    .category-group-icon>*{
        flex:1
    }
    .category-group-icon .category-media{
        text-align:center
    }
    .category-group-icon .category-media i{
        display:inline-block;
        font-size:6.8rem;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:1.8rem;
        line-height:1;
        transition:transform .3s;
        color:#fff
    }
    .category-group-icon>a{
        padding-right:1rem
    }
    .category-group-icon>a:hover i{
        transform:translateY(-0.5rem)
    }
    .category-group-icon .category-content{
        padding:28px 0px 28px 10px;
        background:transparent;
        text-align:left;
        align-items:flex-start
    }
    .category-group-icon .category-name{
        margin-bottom:0;
        text-align:center;
        letter-spacing:-.025em;
        text-transform:uppercase;
        color:#fff
    }
    .category-group-icon .category-list{
        font-size:1.3rem;
        line-height:1.2
    }
    .category-group-icon .category-list li{
        white-space:nowrap
    }
    .category-group-icon .category-list li::before{
        content:'\f105';
        padding-right:.8rem;
        font-family:'Font Awesome 5 Free';
        font-size:1.3rem;
        font-weight:600;
        color:#fff
    }
    .category-group-icon .category-list a{
        position:relative;
        display:inline-block;
        transition:text-decoration .3s
    }
    .category-group-icon .category-list a:hover{
        color:inherit;
        text-decoration:underline
    }
    .category-group-icon:hover .category-name{
        margin-bottom:0
    }
    .category-group-icon:hover .category-content{
        background:transparent
    }
    .category-banner{
        overflow:hidden;
        color:#222
    }
    .category-banner.text-white{
        color:#fff
    }
    .category-banner.text-white .btn{
        color:#fff
    }
    .category-banner .category-content{
        top:4.5rem;
        left:5rem;
        bottom:auto;
        width:auto;
        height:auto;
        align-items:flex-start;
        z-index:1;
        background-color:transparent;
        transition:top .3s, padding .3s
    }
    .category-banner .category-name{
        text-transform:none;
        text-align:left;
        font-size:2rem;
        font-weight:700;
        font-family:inherit;
        letter-spacing:-.025em
    }
    .category-banner .category-count{
        visibility:visible;
        opacity:1;
        font-size:1.4rem;
        line-height:1.2;
        transition:color .3s;
        z-index:1
    }
    .category-banner .btn{
        top:auto;
        right:auto;
        transform:none
    }
    .category-banner:hover .category-content{
        top:3rem;
        padding-bottom:3rem;
        background-color:transparent
    }
    .category-banner:hover .btn{
        opacity:1
    }
    .category-badge .category-content{
        padding:1.4rem 4rem;
        left:2rem;
        right:auto;
        bottom:2rem;
        background-color:#fff
    }
    .category-badge .category-name{
        font-weight:700;
        letter-spacing:.007em;
        color:#222
    }
    .category-overlay .category-content{
        align-items:center;
        width:100%
    }
    .category-overlay .category-count{
        padding:0;
        line-height:0;
        opacity:0;
        transform:translateY(-1rem);
        transition:transform .3s, opacity .3s, line-height .3s, padding .3s
    }
    .category-overlay .category-name{
        margin:0
    }
    .category-overlay:hover .category-content{
        padding:0;
        top:50%
    }
    .category-overlay:hover .category-count{
        padding-top:1rem;
        transform:translateY(0);
        opacity:1
    }
    .category-block{
        display:flex;
        align-items:center;
        justify-content:center;
        height:10.7rem;
        padding:1.5rem;
        color:#fff;
        background-color:#333;
        transition:background-color .3s
    }
    .category-block .category-name{
        margin:0;
        text-align:center;
        font-weight:400;
        line-height:1.7rem;
        text-transform:none
    }
    .category-block:hover{
        background-color:#0b3773
    }
    .category-block:hover .category-name{
        color:#fff
    }
    .comments{
        padding:6rem 0;
        border-top:1px solid #ebebeb
    }
    .comments ul ul{
        margin-left:6rem;
        padding-top:4.5rem
    }
    .comments li{
        margin-bottom:4.5rem
    }
    .comments li:last-child{
        border-bottom-width:0;
        margin-bottom:0;
        padding-bottom:0
    }
    @media (max-width: 575px){
        .comments ul ul{
            margin-left:3rem
        }
    }
    .comment{
        position:relative;
        display:flex;
        align-items:flex-start
    }
    .comment p:last-child{
        margin-bottom:0
    }
    .comment-body{
        position:relative;
        flex:1 1 auto;
        padding:0.8rem 0 0 2.5rem
    }
    .comment-reply{
        color:#777;
        position:absolute;
        right:0;
        top:1.7rem;
        text-transform:uppercase;
        font-weight:600;
        line-height:1;
        letter-spacing:-.01em;
        padding-bottom:.5rem;
        transition:color .3s, box-shadow .3s
    }
    .comment-reply:hover,.comment-reply:focus{
        color:#0b3773;
        box-shadow:0 2px 0 #0b3773
    }
    .comment-media{
        max-width:6rem;
        flex:0 0 6rem;
        height:6rem;
        overflow:hidden
    }
    .comment-media img{
        display:block;
        width:100%;
        height:100%;
        object-fit:cover
    }
    .comment-user{
        margin-bottom:1rem
    }
    .comment-user h4{
        margin-bottom:1rem;
        font-weight:700;
        font-size:1.8rem;
        line-height:1;
        letter-spacing:0
    }
    .comment-user h4 a:hover,.comment-user h4 a:focus{
        color:#0b3773
    }
    .comment-user h4 span{
        display:block
    }
    .comment-date{
        display:block;
        margin-bottom:.5rem;
        font-size:1.3rem;
        color:#999;
        line-height:1
    }
    .reply .form-control{
        max-width:100%;
        color:#999;
        border-color:#e1e1e1;
        background:#fff;
        border-radius:.3rem
    }
    .reply p{
        font-size:1.3rem
    }
    @font-face{
        font-family:'riode';
        src:url("../fonts/riode115b.eot?5gap68");
        src:url("../fonts/riode115b.eot?5gap68#iefix") format("embedded-opentype"),url("../fonts/riode115b.ttf?5gap68") format("truetype"),url("../fonts/riode115b.woff?5gap68") format("woff"),url("../fonts/riode115b.html?5gap68#riode") format("svg");
        font-weight:normal;
        font-style:normal;
        font-display:block
    }
    [class^="d-icon-"],[class*=" d-icon-"]{
        display:inline-block;
        line-height:1
    }
    [class^="d-icon-"]::before,[class*=" d-icon-"]::before{
        font-family:'riode' !important;
        speak:never;
        font-style:normal;
        font-weight:normal;
        font-variant:normal;
        text-transform:none;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale
    }
    .d-icon-truck:before{
        content:"\e900"
    }
    .d-icon-service:before{
        content:"\e901"
    }
    .d-icon-secure:before{
        content:"\e902"
    }
    .d-icon-lock:before{
        content:"\e903"
    }
    .d-icon-percent:before{
        content:"\e904"
    }
    .d-icon-layer:before{
        content:"\e905"
    }
    .d-icon-alert:before{
        content:"\e906"
    }
    .d-icon-database:before{
        content:"\e907"
    }
    .d-icon-money:before{
        content:"\e908"
    }
    .d-icon-shoppingbag:before{
        content:"\e909"
    }
    .d-icon-t-shirt1:before{
        content:"\e90a"
    }
    .d-icon-t-shirt2:before{
        content:"\e90b"
    }
    .d-icon-hat:before{
        content:"\e90c"
    }
    .d-icon-officebag:before{
        content:"\e90d"
    }
    .d-icon-handbag:before{
        content:"\e90e"
    }
    .d-icon-backpack:before{
        content:"\e90f"
    }
    .d-icon-shoes:before{
        content:"\e910"
    }
    .d-icon-pillow:before{
        content:"\e911"
    }
    .d-icon-dress:before{
        content:"\e912"
    }
    .d-icon-loungewear:before{
        content:"\e913"
    }
    .d-icon-desktop:before{
        content:"\e914"
    }
    .d-icon-laptop:before{
        content:"\e915"
    }
    .d-icon-gamepad1:before{
        content:"\e916"
    }
    .d-icon-wireless:before{
        content:"\e917"
    }
    .d-icon-projector:before{
        content:"\e918"
    }
    .d-icon-drone1:before{
        content:"\e919"
    }
    .d-icon-drone2:before{
        content:"\e91a"
    }
    .d-icon-radio:before{
        content:"\e91b"
    }
    .d-icon-battery:before{
        content:"\e91c"
    }
    .d-icon-plugin:before{
        content:"\e91d"
    }
    .d-icon-memory:before{
        content:"\e91e"
    }
    .d-icon-ball:before{
        content:"\e91f"
    }
    .d-icon-basketball1:before{
        content:"\e920"
    }
    .d-icon-babycare:before{
        content:"\e921"
    }
    .d-icon-card:before{
        content:"\e922"
    }
    .d-icon-gamepad2:before{
        content:"\e923"
    }
    .d-icon-camera1:before{
        content:"\e924"
    }
    .d-icon-camera2:before{
        content:"\e925"
    }
    .d-icon-babywear:before{
        content:"\e926"
    }
    .d-icon-abacus:before{
        content:"\e927"
    }
    .d-icon-pot:before{
        content:"\e928"
    }
    .d-icon-freezer:before{
        content:"\e929"
    }
    .d-icon-cook:before{
        content:"\e92a"
    }
    .d-icon-student:before{
        content:"\e92b"
    }
    .d-icon-category:before{
        content:"\e92c"
    }
    .d-icon-basketball2:before{
        content:"\e92d"
    }
    .d-icon-watch:before{
        content:"\e92e"
    }
    .d-icon-tcard:before{
        content:"\e92f"
    }
    .d-icon-heartbeat:before{
        content:"\e930"
    }
    .d-icon-watch-round:before{
        content:"\e931"
    }
    .d-icon-washbowl:before{
        content:"\e932"
    }
    .d-icon-bridge-lamp:before{
        content:"\e933"
    }
    .d-icon-lamp:before{
        content:"\e934"
    }
    .d-icon-sofa:before{
        content:"\e935"
    }
    .d-icon-sofa2:before{
        content:"\e936"
    }
    .d-icon-bed:before{
        content:"\e937"
    }
    .d-icon-table:before{
        content:"\e938"
    }
    .d-icon-table-lamp:before{
        content:"\e939"
    }
    .d-icon-table-tv:before{
        content:"\e93a"
    }
    .d-icon-mirror:before{
        content:"\e93b"
    }
    .d-icon-volume:before{
        content:"\e93c"
    }
    .d-icon-bars2:before{
        content:"\e93d"
    }
    .d-icon-bars:before{
        content:"\e93e"
    }
    .d-icon-phone:before{
        content:"\e93f"
    }
    .d-icon-user:before{
        content:"\e940"
    }
    .d-icon-search:before{
        content:"\e941"
    }
    .d-icon-bag:before{
        content:"\e942"
    }
    .d-icon-map:before{
        content:"\e943"
    }
    .d-icon-info:before{
        content:"\e944"
    }
    .d-icon-refresh:before{
        content:"\e945"
    }
    .d-icon-left-arrow:before{
        content:"\e946"
    }
    .d-icon-right-arrow:before{
        content:"\e947"
    }
    .d-icon-down-arrow:before{
        content:"\e948"
    }
    .d-icon-up-arrow:before{
        content:"\e949"
    }
    .d-icon-ruler:before{
        content:"\e94a"
    }
    .d-icon-zoom:before{
        content:"\e94b"
    }
    .d-icon-right-circle:before{
        content:"\e94c"
    }
    .d-icon-left-circle:before{
        content:"\e94d"
    }
    .d-icon-up-circle:before{
        content:"\e94e"
    }
    .d-icon-down-circle:before{
        content:"\e94f"
    }
    .d-icon-angle-right:before{
        content:"\e950"
    }
    .d-icon-angle-left:before{
        content:"\e951"
    }
    .d-icon-angle-up:before{
        content:"\e952"
    }
    .d-icon-angle-down:before{
        content:"\e953"
    }
    .d-icon-star:before{
        content:"\e954"
    }
    .d-icon-star-full:before{
        content:"\e955"
    }
    .d-icon-heart:before{
        content:"\e956"
    }
    .d-icon-heart-full:before{
        content:"\e957"
    }
    .d-icon-close:before{
        content:"\e958"
    }
    .d-icon-play-circle:before{
        content:"\e959"
    }
    .d-icon-home:before{
        content:"\e95a"
    }
    .d-icon-filter-2:before{
        content:"\e95b"
    }
    .d-icon-switch:before{
        content:"\e95c"
    }
    .d-icon-switch-left-on:before{
        content:"\e95d"
    }
    .d-icon-switch-right-on:before{
        content:"\e95e"
    }
    .d-icon-filter-3:before{
        content:"\e95f"
    }
    .d-icon-check:before{
        content:"\e960"
    }
    .d-icon-alert-solid:before{
        content:"\e961"
    }
    .d-icon-headphone:before{
        content:"\e962"
    }
    .d-icon-mode-grid:before{
        content:"\e80e"
    }
    .d-icon-mode-list:before{
        content:"\e80f"
    }
    .d-icon-cancel:before{
        content:"\e82c"
    }
    .d-icon-instagram:before{
        content:"\f16d"
    }
    .d-icon-solid-check:before{
        content:"\f17c"
    }
    .d-icon-play-solid:before{
        content:"\f2bf"
    }
    .d-icon-mobile:before{
        content:"\f294"
    }
    .d-icon-minus:before{
        content:"\f28f"
    }
    .d-icon-plus:before{
        content:"\f2c3"
    }
    .d-icon-wifi:before{
        content:"\f37d"
    }
    .d-icon-times:before{
        content:"\f343"
    }
    .d-icon-times-circle:before{
        content:"\f345"
    }
    .d-icon-random:before{
        content:"\f2d1"
    }
    .d-icon-th-list:before{
        content:"\f33c"
    }
    .d-icon-rocket:before{
        content:"\f2e4"
    }
    .d-icon-map-marker:before{
        content:"\f27e"
    }
    .d-icon-birthday-cake:before{
        content:"\f147"
    }
    .d-icon-gift:before{
        content:"\f213"
    }
    .d-icon-female:before{
        content:"\f1de"
    }
    .d-icon-clock:before{
        content:"\f190"
    }
    .d-icon-comments:before{
        content:"\e97b"
    }
    .d-icon-rotate-left:before{
        content:"\f2e2"
    }
    .d-icon-rotate-right:before{
        content:"\f2e3"
    }
    .d-icon-reading:before{
        content:"\e963"
    }
    .d-icon-feeder:before{
        content:"\e964"
    }
    .d-icon-birthday-cake2:before{
        content:"\e965"
    }
    .d-icon-skirt:before{
        content:"\e966"
    }
    .d-icon-toy:before{
        content:"\e967"
    }
    .d-icon-butterfly:before{
        content:"\e968"
    }
    .d-icon-babycare2:before{
        content:"\e96a"
    }
    .d-icon-butterfly2:before{
        content:"\e96b"
    }
    .d-icon-dinner-set:before{
        content:"\e96c"
    }
    .d-icon-ball2:before{
        content:"\e96d"
    }
    .d-icon-apple:before{
        content:"\e96e"
    }
    .d-icon-icecream:before{
        content:"\e96f"
    }
    .d-icon-cake:before{
        content:"\e970"
    }
    .d-icon-meat:before{
        content:"\e971"
    }
    .d-icon-bread:before{
        content:"\e972"
    }
    .d-icon-cocktail:before{
        content:"\e973"
    }
    .d-icon-food:before{
        content:"\e974"
    }
    .d-icon-birthday-cake3:before{
        content:"\e975"
    }
    .d-icon-cash:before{
        content:"\e976"
    }
    .d-icon-service2:before{
        content:"\e977"
    }
    .d-icon-car:before{
        content:"\e978"
    }
    .d-icon-ball3:before{
        content:"\e979"
    }
    .d-icon-compare:before{
        content:"\e97a"
    }
    .d-icon-jar:before{
        content:"\e97b"
    }
    .d-icon-radish:before{
        content:"\e97c"
    }
    .d-icon-arrow-down:before{
        content:"\e97d"
    }
    .d-icon-arrow-left:before{
        content:"\e97e"
    }
    .d-icon-arrow-right:before{
        content:"\e97f"
    }
    .d-icon-arrow-up:before{
        content:"\e980"
    }
    .d-icon-earth:before{
        content:"\e981"
    }
    .d-icon-long-arrow-left:before{
        content:"\e982"
    }
    .d-icon-long-arrow-right:before{
        content:"\e983"
    }
    .d-icon-long-arrow-down:before{
        content:"\e984"
    }
    .d-icon-long-arrow-up:before{
        content:"\e985"
    }
    .d-icon-pill:before{
        content:"\e986"
    }
    .d-icon-cylinder:before{
        content:"\e987"
    }
    .d-icon-medical-bag:before{
        content:"\e988"
    }
    .d-icon-graph:before{
        content:"\e989"
    }
    .form .form-control{
        margin-bottom:2rem
    }
    .form-control{
        display:block;
        width:100%;
        /* height: calc(1.5em + .75rem + 2px);
         */
        min-height: 38px;
        padding:.85rem 2rem;
        border:1px solid #e3e3e3;
        font-size:1.4rem;
        line-height:1.5;
        font-weight:400;
        color:#666;
        background-color: white;
        border-radius:0;
        box-shadow:none;
        outline:0;
    }
    .form-control::placeholder{
        color:inherit;
        transition:color .3s
    }
    .form-control::-webkit-input-placeholder{
        color:inherit;
        transition:color .3s
    }
    .form-control::-moz-placeholder{
        color:inherit;
        transition:color .3s
    }
    .form-control:focus::placeholder{
        color:transparent
    }
    .form-control:focus::-webkit-input-placeholder{
        color:transparent
    }
    .form-control:focus::-moz-placeholder{
        color:transparent
    }
    .form-control.form-solid{
        background-color:#fff;
        border:0;
        color:#8d8d8d
    }
    textarea{
        font-family:inherit;
        min-width:100%;
        max-width:100%
    }
    .custom-checkbox{
        position:absolute;
        opacity:0
    }
    .custom-checkbox+label{
        display:block;
        position:relative;
        padding-left:2.4rem;
        cursor:pointer
    }
    .custom-checkbox+label::before{
        content:'';
        display:inline-block;
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        left:0;
        width:18px;
        height:18px;
        line-height:17px;
        border:1px solid #ccc;
        border-radius:2px
    }
    @media (-ms-high-contrast: active), (-ms-high-contrast: none){
        .custom-checkbox+label::before{
            line-height:14px
        }
    }
    .custom-checkbox:checked+label::before{
        content:'\f00c';
        border-color:#222;
        background:#222;
        color:#fff;
        font-size:9px;
        font-weight:600;
        font-family:'Font Awesome 5 Free';
        text-align:center
    }
    .select-box,.select-menu{
        position:relative
    }
    .select-box select,.select-menu select{
        position:relative;
        max-width:14rem;
        min-height:auto;
        width:auto;
        height:100%;
        padding-left:9px;
        padding-right:25px;
        border:1px solid #d7d7d7;
        border-radius:2px;
        color:inherit;
        background-color:transparent;
        font-size:1.2rem;
        font-family:inherit;
        letter-spacing:inherit;
        z-index:1;
        -moz-appearance:none;
        -webkit-appearance:none
    }
    .select-box select:focus,.select-menu select:focus{
        outline:none
    }
    .select-box::before,.select-menu::before{
        /*content:'\f078';*/
        font-family:'Font Awesome 5 Free';
        position:absolute;
        font-weight:900;
        font-size:9px;
        right:8px;
        top:50%;
        transform:translateY(-50%)
    }
    .select-box option{
        font-size:1.2rem
    }
    @media (-ms-high-contrast: active), (-ms-high-contrast: none){
        select::-ms-expand{
            display:none
        }
        select:focus::-ms-value{
            background:transparent;
            color:currentColor
        }
    }
    input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
        -webkit-appearance:none
    }
    .quantity{
        -moz-appearance:textfield;
        max-width:48px
    }
    .input-group{
        display:inline-flex;
        width: 100%;
        height: -2.5rem;
    }
    .input-group .form-control{
        flex:1;
        padding-left:3px;
        height:inherit;
        font-size:1.4rem;
        border: solid #fff;
        border-width:1px 0;
        color: #fff;
    }
    .input-group button{
        padding:0;
        width:3.1rem;
        border:1px solid #ccc;
        font-size:1.2rem;
        color:#222;
        background-color:transparent;
        cursor:pointer;
        -webkit-appearance:none
    }
    .custom-radio{
        position:relative
    }
    .custom-radio input{
        display:none
    }
    input[type="radio"] ~ label{
        padding-left:2.5rem
    }
    input[type="radio"] ~ label::before,input[type="radio"] ~ label::after{
        position:absolute;
        content:'';
        display:inline-block;
        border-radius:50%;
        top:50%;
        transform:translateY(-50%)
    }
    input[type="radio"] ~ label::before{
        left:0;
        width:1.8rem;
        height:1.8rem;
        background:#fff;
        border:1px solid #cdcdcd
    }
    input[type="radio"] ~ label::after{
        width:.8rem;
        height:.8rem;
        left:.5rem;
        background:#666;
        opacity:0
    }
    input[type="radio"]:checked ~ label::after{
        opacity:1
    }
    .input-wrapper input.form-control{
        flex:1;
        min-width:40px;
        font-size:1.2rem
    }
    .input-wrapper-inline{
        display:flex;
        position:relative;
        max-width:61.3rem;
        width:100%;
        height:45px
    }
    .input-wrapper-inline .btn{
        line-height:1
    }
    .input-wrapper-round .form-control{
        position:relative;
        border-radius:2.4rem
    }
    .input-wrapper-round .btn{
        border-radius:2.4rem;
        line-height:1
    }
    .input-wrapper-round.input-wrapper-inline .form-control{
        border-radius:2.4rem 0 0 2.4rem
    }
    .input-wrapper-round.input-wrapper-inline .btn{
        border-radius:0 2.4rem 2.4rem 0
    }
    .form-wrapper.form-wrapper-inline{
        display:flex;
        align-items:center;
        justify-content:space-between
    }
    .form-wrapper.form-wrapper-inline form{
        flex:1 1 0
    }
    @media (max-width: 991px){
        .form-wrapper.form-wrapper-inline{
            display:block;
            text-align:center
        }
        .form-wrapper.form-wrapper-inline form{
            margin-left:auto;
            margin-right:auto
        }
    }
    .btn-absolute input.form-control{
        width:100%;
        padding:1rem 4rem 1rem 1.5rem;
        color:#666;
        font-size:1.3rem
    }
    .btn-absolute .btn{
        position:absolute;
        width:auto;
        height:100%;
        min-width:4.3rem;
        right:0;
        font-size:1.7rem
    }
    .btn-absolute .btn:hover{
        color:#0b3773
    }
    .btn-absolute .btn i{
        margin-left:0
    }
    .icon-box .icon-box-title{
        margin:0 0 .7rem;
        text-transform:uppercase;
        font-size:1.5rem;
        letter-spacing:-.025em;
        line-height:1.6
    }
    .icon-box p{
        margin:0;
        font-size:1.4rem;
        line-height:1.72;
        letter-spacing:0;
        color:#666
    }
    .icon-box i::before{
        margin:0
    }
    .icon-box .icon-box-content{
        text-align:center
    }
    .icon-box-icon{
        display:inline-block;
        margin-bottom:2.6rem;
        font-size:3.4rem;
        font-weight:600;
        line-height:0;
        color:#222
    }
    .icon-box-icon svg{
        height:3.4rem;
        width:4.8rem
    }
    .icon-box-side{
        display:flex;
        align-items:center;
        justify-content:center
    }
    .icon-box-side .icon-box-content{
        text-align:left
    }
    .icon-box-side .icon-box-icon{
        margin-right:1.5rem;
        margin-bottom:0
    }
    .icon-box-side .icon-box-title{
        margin:0
    }
    .icon-border .icon-box-icon{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:5.2rem;
        height:5.2rem;
        border-radius:50%;
        border:1px solid #222;
        font-size:2.5rem
    }
    .icon-border svg{
        height:2.4rem
    }
    .icon-inversed .icon-box-icon{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:5rem;
        height:5rem;
        border-radius:50%;
        background-color:#0b3773;
        color:#fff;
        font-size:2.5rem
    }
    .icon-inversed svg{
        height:2.4rem;
        fill:white
    }
    .icon-solid .icon-box-icon{
        font-size:4.8rem;
        color:#0b3773
    }
    .icon-solid svg{
        width:5.4rem;
        height:5.4rem;
        fill:#0b3773
    }
    .icon-solid.icon-box-side{
        align-items:flex-start
    }
    .icon-solid.icon-box-side svg{
        width:4.8rem;
        height:4.8rem
    }
    .icon-box-tiny .icon-box-icon{
        margin:0 1rem 0 0;
        font-size:2.8rem
    }
    .icon-box-tiny svg{
        height:2.8rem;
        width:2.8rem
    }
    .icon-box-tiny .icon-box-title{
        margin-bottom:0;
        display:flex;
        align-items:center;
        justify-content:center
    }
    @media (max-width: 991px){
        .icon-box-side{
            flex-direction:column
        }
        .icon-box-side .icon-box-icon{
            display:inline-block;
            margin:0 0 2rem 0;
            padding:2rem
        }
        .icon-box-side .icon-box-content{
            text-align:center
        }
    }
    .menu-icon{
        display:inline-block;
        color:#fff;
        width:1.7rem
    }
    .menu-icon::before,.menu-icon::after{
        display:block;
        content:'';
        width:100%
    }
    .menu-icon::before{
        height:6px;
        border-top:2px solid;
        border-bottom:2px solid
    }
    .menu-icon::after{
        height:4px;
        border-bottom:2px solid
    }
    .minicart-icon{
        display:inline-block;
        position:relative;
        width:2.5em;
        height:2.5em;
        margin-top:1px;
        border:solid 2px;
        border-radius:2px;
        text-align:center;
        transition:background .4s, border-color .4s
    }
    .minicart-icon::before{
        content:'';
        position:absolute;
        top:-.75em;
        left:.585em;
        width:1em;
        height:.5em;
        border-radius:10px 10px 0 0;
        border:inherit;
        border-bottom:none;
        transition:transform .4s
    }
    .minipopup-area{
        position:fixed;
        left:30px;
        bottom:30px;
        z-index:9999
    }
    .minipopup-box{
        position:absolute;
        left:-8rem;
        width:303px;
        padding:2rem;
        background-color:#fff;
        box-shadow:0 5px 20px rgba(0,0,0,0.1);
        transform:translateY(-100%);
        opacity:0;
        transition:opacity .3s, left .3s ease-out, transform .3s;
        z-index:9999
    }
    .minipopup-box.show{
        opacity:1;
        left:0
    }
    .minipopup-box.focus{
        transform:scale(0.98) translateY(-100%)
    }
    .minipopup-box .product.product-cart{
        margin-top:0
    }
    .minipopup-box .product.product-cart .product-name{
        display:block;
        font-size:1.4rem;
        margin-bottom:3px;
        color:#000;
        font-weight:400
    }
    .minipopup-box .product.product-cart{
        margin-top:0
    }
    .minipopup-box .product.product-cart .product-media{
        margin-right:1.7rem;
        height:9rem
    }
    .minipopup-box .product.product-cart .product-detail{
        margin-top:.3rem
    }
    .minipopup-box .product.product-cart .product-name{
        display:block;
        font-size:1.4rem;
        margin-bottom:1.1rem;
        color:#000;
        font-weight:400;
        line-height:1.4;
        letter-spacing:-.025em
    }
    .minipopup-box .product.product-cart .product-name:hover{
        color:#0b3773
    }
    .minipopup-box .product.product-cart .product-price{
        margin-bottom:-.2rem;
        font-size:1.3rem
    }
    .minipopup-box .product.product-cart .product-quantity{
        margin-right:.7rem;
        font-size:1.4rem;
        font-weight:600;
        color:#222
    }
    .minipopup-box .product.product-cart .product-quantity::after{
        margin:0 0 -.2rem .7rem;
        font-size:1.2rem
    }
    .minipopup-box .product.product-cart.product-purchased .purchased-title{
        margin-bottom:1.9rem
    }
    .minipopup-box .product.product-cart.product-purchased .product-detail{
        margin-top:.1rem
    }
    .minipopup-box .product.product-cart.product-purchased .product-name{
        margin-bottom:1.2rem
    }
    .minipopup-box img{
        max-width:9rem;
        max-height:9rem
    }
    .minipopup-box .ratings-container{
        margin-bottom:0
    }
    .minipopup-box .product-price{
        color:#0b3773;
        margin-bottom:3px
    }
    .minipopup-box .action-group{
        margin-top:2rem
    }
    .minipopup-box .btn.btn-sm{
        padding:0.92em 2.07em;
        font-weight:600;
        letter-spacing:-.025em;
        border-width:1px
    }
    .minipopup-box .btn.btn-outline{
        margin-right:.7rem;
        padding:.92em 2.2em
    }
    .minipopup-title{
        margin-bottom:1.5rem;
        color:#222;
        font-size:1.5rem;
        font-weight:700;
        text-align:center;
        letter-spacing:-.035em;
        line-height:1
    }
    .minipopup-title .btn{
        margin-left:1rem
    }
    .purchased-time{
        color:#0b3773;
        font-size:1.2rem
    }
    @media (max-width: 479px){
        .minipopup-area{
            left:9px
        }
    }
    .overlay,.overlay-visible{
        display:flex;
        flex-direction:column;
        justify-content:center;
        position:absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        color:#fff;
        transition:padding .3s ease-out, background-color .3s, opacity .3s
    }
    .overlay{
        padding-top:10rem;
        background:rgba(0,0,0,0.3);
        opacity:0
    }
    a>.overlay{
        cursor:pointer
    }
    figure:hover .overlay{
        padding-top:0;
        opacity:1
    }
    .overlay.social-links{
        flex-direction:row
    }
    .overlay .social-links{
        justify-content:center
    }
    .overlay a:hover{
        color:#fff;
        text-decoration:underline
    }
    .overlay a.social-link{
        border-color:#fff
    }
    .overlay .social-link:hover{
        color:#fff;
        text-decoration:none
    }
    figure:hover .overlay-visible{
        background:rgba(34,102,204,0.9);
        padding-bottom:9rem
    }
    .overlay-transparent{
        background:transparent
    }
    .overlay-dark figure,.overlay-dark .banner,.overlay-light figure,.overlay-light .banner{
        position:relative
    }
    .overlay-dark figure::after,.overlay-dark figure>a::after,.overlay-dark.banner::after,.overlay-light figure::after,.overlay-light figure>a::after,.overlay-light.banner::after{
        content:'';
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        background:#222;
        opacity:0;
        transition:opacity .3s, background .3s, transform .3s
    }
    .overlay-dark:hover figure::after,.overlay-dark:hover figure>a::after,.overlay-dark.banner:hover::after,.overlay-light:hover figure::after,.overlay-light:hover figure>a::after,.overlay-light.banner:hover::after{
        opacity:.1
    }
    .overlay-dark.banner-fixed::after,.overlay-dark.post>figure::after,.overlay-light.banner-fixed::after,.overlay-light.post>figure::after{
        content:none
    }
    .overlay-dark.post>figure>a::after,.overlay-light.post>figure>a::after{
        z-index:1
    }
    .overlay-light figure::after,.banner.overlay-light::after{
        background:#ccc
    }
    .overlay-zoom{
        overflow:hidden
    }
    .overlay-zoom img{
        transition:transform .3s
    }
    .overlay-zoom:hover img{
        transform:scale(1.08)
    }
    .mfp-wrap{
        z-index:3000
    }
    .mfp-bg{
        z-index:3000;
        background:#000;
        opacity:0;
        transition:opacity .3s ease-out
    }
    .mfp-bg.mfp-ready{
        opacity:.7
    }
    .mfp-bg.mfp-removing{
        opacity:0
    }
    .mfp-container{
        padding:4rem 2rem
    }
    .mfp-container video{
        width:100%;
        height:100%
    }
    .mfp-close{
        transform:rotateZ(45deg);
        transition:transform .3s;
        width:18px;
        height:18px;
        opacity:1
    }
    .mfp-wrap .mfp-close{
        top:20px;
        right:20px
    }
    .mfp-content .mfp-close{
        top:-25px;
        right:0
    }
    .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{
        top:15px;
        right:0
    }
    .mfp-close span{
        display:none
    }
    .mfp-close::before,.mfp-close::after{
        content:'';
        display:block;
        position:absolute;
        background:#fff;
        width:2px;
        height:100%;
        top:0;
        left:calc(50% - 1px)
    }
    .mfp-close::before{
        width:100%;
        height:2px;
        top:calc(50% - 1px);
        left:0
    }
    .mfp-close:hover,.mfp-close:focus{
        transform:rotateZ(135deg) scale(1.5)
    }
    .pswp__button--arrow--left,.pswp__button--arrow--right,.mfp-arrow{
        width:4.8rem;
        height:4.8rem;
        color:#fff;
        border-radius:50%;
        font-size:2.4rem;
        font-weight:900;
        font-family:"riode";
        text-align:center;
        opacity:.5;
        right:10%;
        transition:opacity .3s;
        border:2px solid
    }
    .pswp__ui>button::before{
        background:transparent;
        position:static;
        line-height:44px
    }
    .pswp__ui>button.pswp__button--arrow--left::before{
        margin-right:3px
    }
    .pswp__ui>button.pswp__button--arrow--right::before{
        margin-left:3px
    }
    .pswp__ui>button:hover{
        opacity:1
    }
    .pswp__button--arrow--right::before{
        content:"\e950";
        font-family:'riode'
    }
    .mfp-arrow::before,.mfp-arrow::after{
        content:"\f054";
        position:static;
        display:inline;
        margin:0;
        border:0
    }
    .mfp-arrow::after{
        content:none
    }
    button.mfp-arrow{
        border:2px solid
    }
    .pswp__button--arrow--left,.mfp-arrow-left{
        left:10%
    }
    .pswp__button--arrow--left::before,.mfp-arrow-left::before{
        content:"\e951";
        font-family:'riode'
    }
    .mfp-content>*{
        position:relative;
        margin:auto;
        background:#fff;
        box-shadow:5px 5px 20px rgba(0,0,0,0.1);
        opacity:0
    }
    .mfp-ready .mfp-content>*{
        opacity:1
    }
    .mfp-removing .mfp-content>*{
        opacity:0
    }
    .login-popup{
        max-width:490px;
        padding:4rem;
        border-radius:.3rem
    }
    .login-popup .tab{
        font-size:1.8rem;
        color:#ccc
    }
    .login-popup .tab .nav-item{
        flex:none
    }
    .login-popup .nav-item .nav-link{
        padding:0 0 1px;
        color:#999;
        font-size:1.8rem;
        font-weight:700;
        letter-spacing:-.025em;
        line-height:2.43;
        transition:font-size .3s, color .3s
    }
    .login-popup .nav-item .nav-link.active{
        font-size:3rem
    }
    .login-popup .delimiter{
        margin:0 .8rem
    }
    .login-popup .tab-pane{
        padding:0
    }
    .login-popup form{
        margin-bottom:2.2rem
    }
    .login-popup .form-group{
        margin-bottom:1.8rem
    }
    .login-popup .form-group label{
        display:inline-block;
        margin-bottom:8px;
        font-size:1.3rem;
        line-height:1
    }
    .login-popup .form-group .form-control{
        padding:1.2rem 1.5rem 1.1rem;
        height:3.7rem;
        font-size:1.3rem;
        color:#999;
        border-radius:.3rem;
        border-color:#e1e1e1
    }
    .login-popup .form-footer{
        display:flex;
        align-items:center;
        justify-content:space-between;
        flex-wrap:wrap;
        margin-bottom:2.3rem;
        font-size:1.2rem
    }
    .login-popup .custom-checkbox+label{
        padding-left:2.6rem
    }
    .login-popup .btn{
        height:4.7rem;
        padding:0;
        font-size:1.3rem
    }
    .login-popup .lost-link{
        text-align:right;
        color:#999;
        font-size:1.2rem
    }
    .login-popup .lost-link:hover{
        color:#0b3773
    }
    .login-popup .form-choice label{
        display:flex;
        align-items:center;
        margin-bottom:1.3rem;
        font-size:1.2rem;
        color:#666
    }
    .login-popup .form-choice label::after,.login-popup .form-choice label::before{
        content:'';
        height:1px;
        flex:1;
        background:#e1e1e1
    }
    .login-popup .form-choice label::after{
        margin-left:3rem
    }
    .login-popup .form-choice label::before{
        margin-right:3rem
    }
    .login-popup .social-link{
        display:flex;
        justify-content:center;
        align-items:center;
        width:3.6rem;
        height:3.6rem;
        font-size:1.4rem;
        border-radius:.3rem;
        color:#fff
    }
    .login-popup .social-link.social-google{
        background-color:#db402c
    }
    .login-popup .social-link.social-facebook{
        background-color:#3b5998
    }
    .login-popup .social-link.social-twitter{
        background-color:#1ab2e8
    }
    .container>.login-popup{
        margin:0 auto;
        box-shadow:0 0 10px rgba(0,0,0,0.1)
    }
    .newsletter-popup{
        display:flex;
        max-width:72rem;
        text-align:center;
        background-position:60% center;
        background-size:cover;
        border-radius:1rem
    }
    .newsletter-popup h4{
        margin-bottom:.6rem;
        font-size:2rem;
        font-weight:800;
        line-height:1.2
    }
    .newsletter-popup h2{
        margin-bottom:.7rem;
        font-size:3.2rem;
        line-height:1.2;
        letter-spacing:-.04375em
    }
    .newsletter-popup h2 span{
        font-weight:800
    }
    .newsletter-popup b{
        display:block;
        margin-top:.3rem;
        color:#222;
        font-size:3rem;
        letter-spacing:.025em
    }
    .newsletter-popup .btn{
        min-width:auto;
        padding:.5em 1.5em;
        font-size:1.3rem
    }
    .newsletter-popup p{
        max-width:100%;
        margin:0 .2rem 2.5rem;
        font-size:1.4rem;
        line-height:1.7
    }
    .newsletter-popup label{
        display:inline;
        font-size:1.2rem
    }
    .newsletter-popup label::before{
        border-color:#666
    }
    .newsletter-popup .email{
        border:0;
        color:#999;
        background:#f4f4f4
    }
    .newsletter-popup .form-control{
        border:1px solid #222;
        background:#fff;
        border-right:none
    }
    .newsletter-popup .input-wrapper-inline{
        margin-bottom:2.6rem;
        height:4.6rem
    }
    .newsletter-popup .input-wrapper-inline .form-control{
        padding-left:1.2rem;
        padding-right:1.2rem;
        border-radius:.3rem 0 0 .3rem
    }
    .newsletter-popup .input-wrapper-inline .btn{
        border-radius:0 .3rem .3rem 0
    }
    .newsletter-popup .custom-checkbox+label{
        padding-left:2.6rem
    }
    .newsletter-content{
        margin-left:auto;
        max-width:41.4rem;
        padding:7.1rem 4.2rem 5rem
    }
    .mfp-product .mfp-container{
        display:flex;
        align-items:center;
        justify-content:center;
        padding:4rem 2rem 4rem
    }
    .mfp-product .mfp-content{
        max-width:98.8rem;
        margin:auto
    }
    .mfp-product .product{
        background-color:#fff;
        margin-bottom:2rem;
        padding:3rem 1.5rem;
        border-radius:1rem
    }
    .mfp-product .product-single .product-details{
        padding:0
    }
    .mfp-product .product-details{
        position:absolute;
        overflow-y:auto;
        height:100%;
        top:0
    }
    .mfp-product .mfp-close{
        position:absolute;
        top:-2.7rem;
        right:0
    }
    .mfp-product .owl-nav .owl-next,.mfp-product .owl-nav .owl-prev{
        width:3.6rem;
        height:3.6rem;
        font-size:3rem
    }
    .mfp-product .owl-nav .owl-next{
        right:1rem
    }
    .mfp-product .owl-nav .owl-prev{
        left:1rem
    }
    .pswp__bg{
        background-color:rgba(0,0,0,0.7)
    }
    .pswp__img--placeholder--blank{
        background-color:#F2F3F5
    }
    .pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{
        background-color:transparent
    }
    .pswp__caption__center{
        text-align:center
    }
    .mfp-ready.mfp-zoom-popup .mfp-content{
        transform:scale(1)
    }
    .mfp-zoom-popup .mfp-content,.mfp-removing.mfp-zoom-popup .mfp-content{
        transition:.2s ease-in-out;
        transform:scale(0.8)
    }
    .mfp-ready.mfp-flip-popup .mfp-content{
        transform:translateY(0) perspective(600px) rotateX(0)
    }
    .mfp-flip-popup .mfp-content,.mfp-removing.mfp-flip-popup .mfp-content{
        transition:.3s ease-out;
        transform:translateY(-20px) perspective(600px) rotateX(20deg)
    }
    .mfp-content video{
        width:100%;
        height:100%
    }
    .mfp-video-popup .mfp-content{
        max-width:1000px
    }
    .mfp-video-popup{
        z-index:10000
    }
    @media (max-width: 991px){
        .mfp-product .product{
            padding:2rem 1rem
        }
        
        .sign-hh {
    margin-top: 8px!important;
}
        .mblpdsss
        {
            padding-top:5px !important;
        }
        .mfp-arrow{
            color:#444
        }
        .mfp-product .product-details{
            position:relative
        }
    }
    @media (min-width: 768px){
        .mfp-product .row{
            margin:0 -1.5rem
        }
        .mfp-product .row>.col-md-6{
            padding-left:1.5rem;
            padding-right:1.5rem
        }
        .mfp-product .product-gallery{
            margin-bottom:0
        }
        .mfp-product .pr-md-3{
            padding-right:1.5rem !important
        }
    }
    @media (max-width: 991px){
        .newsletter-content{
            max-width:36rem;
            padding-left:2rem;
            padding-right:2rem
        }
        .col-lg-4.img-bt {
    margin-bottom: 20px!important;
}.login-popup{
            max-width:500px;
            padding:3.5rem 2rem
        }
    }
    @media (max-width: 575px){
        .newsletter-popup{
            background-image:none !important
        }
        .newsletter-popup .newsletter-content{
            margin-left:auto;
            margin-right:auto
        }
    }
    .equal-height .product{
        height:100%
    }
    .product-shadow{
        transition:box-shadow .3s
    }
    .product-shadow:hover{
        box-shadow:0 15px 25px -20px rgba(0,0,0,0.5)
    }
    .product-label-round .product-label{
        padding:.5rem 1.1rem;
        border-radius:1rem
    }
    .text-center .product-details{
        padding-left:.5rem;
        padding-right:.5rem
    }
    .product-wrap{
        margin-bottom:2rem
    }
    .product{
        position:relative;
        font-family:Poppins,sans-serif;
        font-size:1.4rem;
        color:#999;
        transition:.3s
    }
    .product:hover .product-action,.product:hover .product-action-vertical{
        visibility:visible;
        opacity:1
    }
    .product-media:hover img:first-child{
        opacity:0
    }
    .product-media:hover img:last-child{
        opacity:1
    }
    .product-media{
        position:relative;
        margin-bottom:0;
        transition:box-shadow .3s
    }
    .product-media img{
        display:block;
        width:100%;
        /* height:auto; */
        transition:all .5s
    }
    .product-media img:last-child{
        position:absolute;
        opacity:0;
        left:0;
        right:0;
        top:0;
        left:0;
        object-fit:cover
    }
    .product-media img:first-child{
        position:relative;
        opacity:1
    }
    .product-label-group{
        display:flex;
        flex-direction:column;
        position:absolute;
        left:0rem!important;
        top:17.84rem!important;
        max-width:10rem;
    }
    .product-label{
        display:inline-block;
        text-align:center;
        margin-bottom:.5rem;
        padding:0.5rem 1.1rem;
        font-size:1.1rem;
        border-radius:2px;
        font-weight:600;
        line-height:1;
        color:#fff;
        text-transform:uppercase
    }
    .product-label.label-new{
        background:#0b3773
    }
    .product-label.label-sale{
        background:#58c705
    }
    .product-label.label-top{
        background:#0b3773
    }
    .product-label.label-stock{
        background:#999
    }
    .btn-product-icon{
        display:flex;
        align-items:center;
        justify-content:center;
        width:3.6rem;
        height:3.6rem;
        margin-bottom:.5rem;
        border:1px solid #e1e1e1;
        border-radius:50%;
        background-color:white;
        color:#999;
        font-size:1.6rem;
        font-weight:700;
        transition:border-color .3s, color .3s, background-color .3s
    }
    .btn-product-icon.btn-wishlist i{
        margin-top:.2rem
    }
    .btn-product-icon:hover{
        border-color: #ffffff;
        color:#fff;
        background-color:#0b3773
    }
    .btn-product-icon i{
        margin-bottom:2px
    }
    .btn-product-icon.btn-quickview i{
        font-size:inherit
    }
    .btn-product-icon.btn-compare i{
        font-size:1.8rem
    }
    .btn-product{
        display:flex;
        align-items:center;
        justify-content:center;
        flex:1;
        padding:1.14em 0;
        background-color:#0b3773;
        color:#fff;
        font-family:Poppins,sans-serif;
        font-size:1.4rem;
        font-weight:700;
        line-height:1.2;
        letter-spacing:-.025em;
        text-transform:uppercase;
        transition:opacity .3s
    }
    .btn-product:hover{
        color:#fff
    }
    .btn-quickview{
        opacity:.8;
        transition:opacity .3s
    }
    .btn-quickview:hover{
        opacity:1
    }
    .btn-quickview i{
        font-size:1.4rem
    }
    .btn-wishlist{
        line-height:1
    }
    .btn-wishlist.loading::before,.btn-wishlist.loading::after{
        z-index:1
    }
    .product-action-vertical{
        position:absolute;
        top:15px;
        right:15px;
        transition:opacity .3s, visibility .3s;
        opacity:0;
        visibility:hidden
    }
    .product-action-vertical .btn-wishlist.loading{
        overflow:hidden
    }
    .product-action{
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        display:flex;
        align-items:center;
        background-color:transparent;
        z-index:10;
        transition:opacity .3s, visibility .3s;
        opacity:0
    }
    .product-details{
        position:relative;
        padding-top:1.4rem;
        padding-bottom: 0px;
    }
    .product-details>.btn-wishlist{
        position:absolute;
        top:1.2rem;
        right:0;
        color:#999;
        z-index:1;
        font-size:1.6rem
    }
    .product-details>.btn-wishlist i{
        display:inline-block;
        margin:0;
        transition:transform .3s
    }
    .product-details>.btn-wishlist:hover{
        color:#0b3773
    }
    .product-details>.btn-wishlist:hover i{
        transform:rotateY(180deg)
    }
    .product-details>:last-child{
        margin-bottom:0
    }
    .product-details .product-action{
        position:relative;
        opacity:1;
        visibility:visible
    }
    .product-cat{
        margin-bottom:.5rem;
        font-size:1rem;
        font-weight:400;
        line-height:1;
        text-transform:uppercase;
        white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden
    }
    .product-cat a:hover{
        color:#0b3773
    }
    .product-name{
        margin-bottom:.3rem;
        font-family:inherit;
        font-size:1.4rem;
        font-weight:400;
        letter-spacing:-.01em;
        color:#666;
        padding-right:20px;
        /* white-space:nowrap;
         */
        overflow:hidden;
        text-overflow:ellipsis;
        height: 40px;
        max-height: 40px;
    }
    .product-name a:hover{
        color: #000;
    }
    .product-price{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        display:block;
        align-items:center;
        flex-wrap:wrap;
        margin-bottom:.3rem;
        font-size:1.6rem;
        font-weight:600;
        line-height:1.86;
        color:#222
    }
    .product-price .old-price{
        color:#aaa
    }
    .product-price .new-price{
        margin-right:1rem;
        text-decoration:none
    }
    .ratings-container{
        display:flex;
        align-items:center;
        margin-left:1px;
        line-height:1.1;
        margin-bottom:1.2rem;
        font-size:11px;
        letter-spacing:.2em
    }
    .ratings-full{
        cursor:pointer
    }
    .ratings-full,.ratings{
        position:relative;
        font-family:'riode'
    }
    .ratings-full+.rating-reviews{
        margin-left:1rem
    }
    .ratings-full::before{
        content:"\e955 " "\e955 " "\e955 " "\e955 " "\e955";
        color:rgba(0,0,0,0.16);
        font-family:'riode'
    }
    .ratings-full:hover .tooltiptext{
        visibility:visible;
        opacity:1
    }
    .ratings{
        position:absolute;
        top:0;
        left:0;
        white-space:nowrap;
        overflow:hidden
    }
    .ratings::before{
        content:"\e955 " "\e955 " "\e955 " "\e955 " "\e955";
        color: #FFD700;
        font-family:'riode';
    }
    .rating-reviews{
        margin:2px 0;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        font-size:1.1rem;
        color:#aaa;
        letter-spacing:0;
        text-transform:capitalize
    }
    .rating-reviews:hover{
        color:#0b3773
    }
    .product-variations{
        display:flex
    }
    .ratings-container+.product-variations{
        margin-top:-5px
    }
    .product-variations>a:not(.size-guide){
        display:inline-block;
        position:relative;
        margin:3px 5px 3px 0;
        padding:0 5px;
        border-radius:2px;
        background-color:transparent;
        background-size:cover;
        font-size:1.2rem;
        font-family:inherit;
        text-align:center;
        vertical-align:middle;
        cursor:pointer;
        width:2.6rem;
        height:2.6rem;
        color:#222;
        transition:.3s;
        border:1px solid #e1e1e1
    }
    .product-variations>a:not(.size-guide):last-child{
        margin-right:0
    }
    .product-variations .color:not(.active){
        border:none
    }
    .product-variations>a.active,.product-variations>a:not(.size-guide):hover{
        border:1px solid;
        box-shadow:inset 0 0 0 2px #fff
    }
    .product-details .product-action,.product-hide-details .product-action{
        position:relative;
        opacity:1
    }
    .product-details .product-action .btn-wishlist,.product-hide-details .product-action .btn-wishlist{
        position:static
    }
    .product-details .btn-cart,.product-hide-details .btn-cart{
        display:block;
        /* max-width:14rem; */
        line-height:2.9;
        padding:0 .6em;
        text-align:center;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        color:#222;
        background-color:transparent;
        border:2px solid #ccc;
        margin-right:5px;
        border-radius:.3rem;
    }
    .product-details .btn-cart i,.product-hide-details .btn-cart i{
        margin-right:.8rem;
        font-size:1.8rem
    }
    .product-details .btn-cart,.product-hide-details .btn-cart{
        flex:1;
        height:4.2rem;
        font-size:1.3rem;
        transition:color .3s, background-color .3s, border-color .3s;
        z-index:1
    }
    .product-details .btn-quickview,.product-hide-details .btn-quickview{
        margin:0 0 0 1.6rem
    }
    .product-details .btn-product-icon,.product-hide-details .btn-product-icon{
        width:100%!important;
        border:0;
        background-color:transparent;
        color:#222;
        transition:color .3s, background-color .3s, visibility .3s
    }
    .product-details .btn-product-icon i,.product-hide-details .btn-product-icon i{
        font-size:1.8rem
    }
    .product-details .btn-product-icon:hover,.product-hide-details .btn-product-icon:hover{
        /*! color: #000; */
        color: #efdb7f;
    }
    .product:hover .product-action .btn-cart{
        color:#fff;
        background-color:#444;
        border-color:#444
    }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
        .product-hide-details .btn-cart,.product-details .btn-cart{
            flex:0 0 12.3rem
        }
    }
    @media screen and (-ms-high-contrast: active) and (max-width: 575px), (-ms-high-contrast: none) and (max-width: 575px){
        .product-hide-details .btn-cart,.product-details .btn-cart{
            flex:0 0 9.5rem
        }
    }
    .product-classic .btn-quickview{
        opacity:1
    }
    .product-classic .btn-quickview i:before{
        content:'\e98c'
    }
    .product-classic .btn-wishlist{
        margin:0 0 0 1.6rem
    }
    .product-classic .btn-wishlist,.product-classic .btn-quickview{
        transform:translateX(-200%);
        opacity:0;
        visibility:hidden;
        transition:transform .3s, opacity .3s, visibility .3s, color .3s, background-color .3s, border-color .3s
    }
    .product-classic .btn-quickview{
        transition:transform .5s, opacity .5s, visibility .5s, color .3s, background-color .3s, border-color .3s
    }
    .product-classic:hover .btn-wishlist,.product-classic:hover .btn-quickview{
        transform:translateX(0);
        opacity:1;
        visibility:visible
    }
    .product-classic .product-details{
        padding-left:0
    }
    .product-classic .ratings-container{
        margin-bottom:1.5rem
    }
    .product-slideup-content{
        overflow:hidden
    }
    .product-slideup-content .product-hide-details{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        transition:transform .3s;
        background-color:#fff
    }
    .product-slideup-content .product-details{
        padding-bottom:1px;
        background-color:#fff;
        transition:transform .3s
    }
    .product-slideup-content .btn-wishlist,.product-slideup-content .btn-quickview{
        opacity:0;
        visibility:hidden;
        transition:transform .4s, opacity .3s, visibility .3s, color .3s, background-color .3s
    }
    .product-slideup-content .btn-quickview{
        transform:translateX(-200%)
    }
    .product-slideup-content .btn-wishlist{
        transform:translateX(200%)
    }
    .product-slideup-content:hover .btn-wishlist,.product-slideup-content:hover .btn-quickview{
        transform:translateX(0);
        opacity:1;
        visibility:visible
    }
    .product-slideup .product-details{
        padding-bottom:0;
        background-color:#fff;
        transition:transform .3s
    }
    .product-slideup .ratings-container{
        margin-bottom:0
    }
    .product-slideup .btn-wishlist,.product-slideup .btn-quickview{
        opacity:0;
        visibility:hidden;
        transition:transform .4s, opacity .3s, visibility .3s, color .3s, background-color .3s
    }
    .product-slideup .btn-quickview{
        transform:translateX(-200%)
    }
    .product-slideup .btn-wishlist{
        transform:translateX(200%)
    }
    .product-slideup .product-action{
        display:flex;
        position:absolute;
        padding-top:1.5rem;
        top:100%;
        bottom:auto;
        visibility:hidden;
        opacity:0
    }
    .product-slideup:hover{
        transform:translateY(-58px)
    }
    .product-slideup:hover .btn-wishlist,.product-slideup:hover .btn-quickview{
        transform:translateX(0);
        opacity:1;
        visibility:visible
    }
    .product-slideup:hover .product-action{
        visibility:visible;
        opacity:1
    }
    .product-slideup .btn-cart,.product-slideup-content .btn-cart{
        margin-right:0
    }
    .product-slideup .btn-wishlist,.product-slideup-content .btn-wishlist{
        position:static;
        margin:0 1.6rem 0 0
    }
    .split-line{
        overflow:hidden
    }
    .product-image-gap{
        padding:.9rem;
        border:1px solid #e1e1e1;
        background-color:#fff
    }
    .product-image-gap .product-details{
        padding:1.8rem 1rem 1rem
    }
    .product-image-gap .ratings-container{
        margin-bottom:0
    }
    .product-image-gap:hover{
        box-shadow:0 5px 30px rgba(0,0,0,0.05)
    }
    @media (max-width: 479px){
        .product-image-gap .product-details{
            padding:1.8rem 0 1rem
        }
    }
    .product-list{
        display:flex;
        align-items:center;
        margin-bottom:2rem
    }
    .product-list .product-media{
        flex:0 0 28rem;
        max-width:28rem;
        margin:0 2rem 0 0
    }
    .product-list .product-details{
        padding:0;
        flex:1
    }
    .product-list .product-label{
        font-size:1.1rem
    }
    .product-list .btn-quickview{
        opacity:1
    }
    .product-list .btn-wishlist{
        margin:0 0 0 .8rem
    }
    .product-list .btn-wishlist,.product-list .btn-quickview{
        transform:translateX(-200%);
        opacity:0;
        visibility:hidden;
        transition:transform .3s, opacity .3s, visibility .3s, color .3s, background-color .3s
    }
    .product-list .btn-quickview{
        transition:transform .5s, opacity .5s, visibility .5s, color .3s, background-color .3s
    }
    .product-list .ratings-container{
        margin-bottom:.8rem
    }
    .product-list .product-name{
        font-size:1.8rem;
        font-weight:600;
        letter-spacing:-.025em;
        color:#222
    }
    .product-list .product-price{
        font-size:1.8rem;
        font-weight:600
    }
    .product-list .product-short-desc{
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;
        margin-bottom:2rem;
        text-transform:none;
        font-size:1.4rem;
        line-height:1.78;
        color:#666
    }
    .product-list:hover .btn-quickview,.product-list:hover .btn-wishlist{
        transform:translateX(0);
        opacity:1;
        visibility:visible
    }
    .product-list-sm{
        display:flex;
        align-items:center;
        margin-bottom:2rem
    }
    .product-list-sm .product-media{
        flex:0 0 10rem;
        max-width:10rem;
        margin:0 1rem 0 0
    }
    .product-list-sm .product-details{
        padding:0
    }
    .product-list-sm .product-name{
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        margin-bottom:.7rem;
        white-space:normal;
        color:#222
    }
    .product-list-sm .product-name:hover{
        color:#0b3773
    }
    .product-list-sm .ratings-container{
        margin:0
    }
    .product-list-sm .product-price{
        font-size:1.4rem
    }
    .product-list-sm+.product-list{
        margin-top:2rem
    }
    .product-list-sm .btn-cart{
        margin-top:2rem;
        height:3.3rem;
        max-width:11.7rem;
        border:1px solid #d7d7d7;
        color:#d26e4b;
        background:transparent;
        font-size:1.2rem
    }
    .product-list-sm .btn-cart:hover{
        border-color:#d26e4b;
        background:#d26e4b
    }
    .product.text-center .product-cat{
        padding:0
    }
    .product.text-center .product-name{
        padding-left:2rem
    }
    .product.text-center .product-price,.product.text-center .product-variations,.product.text-center .ratings-container,.product.text-center .product-action{
        justify-content:center
    }
    .product.shadow-media:hover .product-media{
        box-shadow:0px 20px 20px -16px rgba(0,0,0,0.5)
    }
    .product.cart-full .product-price,.product.product-with-qty .product-details .product-price{
        margin-bottom:1rem
    }
    .product.cart-full .btn-cart,.product.product-with-qty .product-details .btn-cart{
        padding:0;
        border-color:#ccc;
        transition:background-color .3s, border-color .3s, color .3s
    }
    .product.cart-full .btn-cart:hover,.product.cart-full .btn-cart:focus,.product.cart-full .btn-cart:active,.product.product-with-qty .product-details .btn-cart:hover,.product.product-with-qty .product-details .btn-cart:focus,.product.product-with-qty .product-details .btn-cart:active{
        background-color:#0b3773;
        border-color:#0b3773;
        color:#fff
    }
    .product.cart-full .btn-cart{
        max-width:none;
        width:100%
    }
    .product.product-with-qty .product-details{
        padding-left:0;
        padding-right:0
    }
    .product.product-with-qty .btn-cart{
        max-width:12.3rem;
        margin-right:0
    }
    .product.product-with-qty .btn-cart i{
        display:none
    }
    .product.product-with-qty .product-quantity{
        display:flex;
        align-items:center;
        justify-content:center;
        margin-right:2rem
    }
    .product.product-with-qty button{
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0;
        color:#333;
        font-size:1rem;
        width:24px;
        height:24px;
        border-radius:.3rem;
        border:none;
        background:#f4f4f4;
        cursor:pointer;
        transition:background-color .3s, color .3s
    }
    .product.product-with-qty button:hover{
        background-color:#0b3773;
        color:#fff
    }
    .product.product-with-qty .quantity{
        min-height:auto;
        width:3.2rem;
        padding:0;
        font-weight:700;
        font-size:1.2rem;
        border:none;
        text-align:center;
        color:#222
    }
    .product.product-variable:not(.cart-full) .btn-cart::after{
        display:none;
        font-family:'riode';
        content:'\e97f';
        font-size:1.8rem;
        font-weight:400
    }
    .product:hover.product-with-qty .btn-cart{
        background-color:transparent;
        color:#222
    }
    @media (max-width: 575px){
        .product-list{
            display:block
        }
        .product-list .product-media{
            margin:0;
            max-width:100%
        }
        .product-list .product-details{
            padding:1.8rem 0 2rem
        }
        .product-action-vertical{
            top:10px;
            right:10px
        }
    }
    
    @media (max-width: 479px){
        /*.exzoom_img_ul_outer{
            width: 360px!important;
        }
        .exzoom_img_ul{
            width: 360px!important;
        }
        .exzoom_img_ul li{
            width: 360px!important;
        }*/
    }
    
    @media (max-width: 479px){
        .product-details .btn-cart,.product-hide-details .btn-cart{
            max-width:100%!important;
            display:flex
        }
        .product-details .btn-cart span,.product-hide-details .btn-cart span{
            display:none
        }
        .product-details .btn-cart i,.product-hide-details .btn-cart i{
            margin-right:0
        }
        .product.product-with-qty .product-details .btn-cart{
            max-width:4.2rem;
            padding:.78em 0
        }
        .product.product-with-qty .btn-cart i{
            display:block
        }
        .product.product-with-qty .product-quantity{
            margin-right:1rem
        }
        .cart-full .product-details .btn-cart span{
            display:inline
        }
        .cart-full .btn-cart i{
            display:none
        }
        .product-label-group{
            left:1.2rem;
            top:1.2rem
        }
        .btn-quickview{
            font-size:1.1rem
        }
        .btn-product-icon{
            width:3.2rem;
            height:3.2rem;
            font-size:1.3rem
        }
        .product.product-variable:not(.cart-full) .btn-cart::after{
            display:block
        }
        .product.product-variable:not(.cart-full) .btn-cart i{
            display:none
        }
    }
    .product-filters{
        margin-right:1.5rem
    }
    .product-thumbs-wrap,.product-single-carousel{
        flex-basis:100%;
        max-width:100%
    }
    .product-single-carousel .owl-nav .owl-prev,.product-single-carousel .owl-nav .owl-next{
        color:#222;
        border:0
    }
    .product-image{
        position:relative
    }
    .product-thumbs-wrap{
        position:relative;
        margin-top:1rem;
        overflow:hidden
    }
    .product-thumbs-wrap img{
        display:block
    }
    .product-thumbs-wrap button{
        display:flex;
        justify-content:center;
        align-items:center;
        width:2.4rem;
        border:0;
        transition:opacity .3s, transform .3s;
        z-index:1;
        opacity:0;
        box-shadow:0 0 1rem rgba(0,0,0,0.1);
        -webkit-appearance:none;
        cursor:pointer
    }
    .product-thumbs-wrap:hover button:not(.disabled){
        opacity:.9;
        transform:none
    }
    .product-thumbs-wrap button:not(.disabled):hover{
        opacity:1
    }
    .product-thumbs-wrap>button{
        display:none
    }
    .product-thumbs-wrap button,.product-thumbs .owl-nav .owl-prev,.product-thumbs .owl-nav .owl-next{
        background-color:#fff;
        color:#666;
        font-size:1.6rem
    }
    .product-thumbs-wrap button,.product-thumb::before{
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0
    }
    .product-thumbs{
        transition:top .3s ease-out;
        display:flex
    }
    .product-thumbs.owl-carousel{
        margin:0 -.5rem;
        width:calc(100% + 1rem)
    }
    .product-thumbs .owl-stage{
        display:flex
    }
    .product-thumbs .owl-prev{
        transform:translateX(-100%);
        left:.5rem
    }
    .product-thumbs .owl-next{
        left:auto;
        right:.5rem;
        transform:translateX(100%)
    }
    .product-thumb{
        position:relative;
        margin:0 .5rem;
        cursor:pointer
    }
    .product-thumb::before{
        content:'';
        transition:border-color .3s;
        border:2px solid transparent
    }
    .product-thumb.active::before{
        border-color:#0b3773
    }
    .product-single{
        color:inherit
    }
    .product-single .product-details{
        padding:0 0 3rem
    }
    .container-fluid .product-single .product-details{
        padding-top:4px
    }
    aside+div .product-single .product-details{
        padding-top:2px
    }
    .product-single .product-cat{
        margin-bottom:1.3rem;
        color:#999;
        font-size:1.3rem;
        font-weight:400;
        letter-spacing:-.025em
    }
    .product-single .product-cat span{
        margin-right:.7rem
    }
    .product-single .product-name{
        margin-bottom:.6rem;
        font-size:2.6rem;
        font-weight:700;
        letter-spacing:-.025em;
        white-space:normal;
        color:#222
    }
    .product-single .product-price{
        display:block;
        margin-bottom:1.1rem;
        color:#d26e4b;
        font-size:3rem;
        font-weight:700;
        letter-spacing:-.025em;
        line-height:1
    }
    .product-single .old-price{
        font-size:2.4rem;
        font-weight:600
    }
    .product-single .rating-reviews{
        font-size:1.2rem
    }
    .product-single .rating-reviews:not(:hover){
        color:#999
    }
    .product-single .ratings-container{
        margin-bottom:1.7rem;
        font-size:14px
    }
    .product-single .ratings-full{
        margin-top:-2px
    }
    .product-single .ratings::before{
        color: #FFD700;
    }
    .product-single label{
        color:#222;
        font-weight:600;
        text-transform:uppercase
    }
    .product-single .product-action{
        display:inline-block
    }
    .product-single .product-action .btn-wishlist{
        position:relative
    }
    .product-single .divider{
        margin-left:-1rem;
        margin-right:1.8rem
    }
    .product-single .social-links{
        color:#999
    }
    .product-single .social-link{
        border:none
    }
    .product-single .social-link.social-facebook:hover{
        background-color:transparent;
        color:#3b5998
    }
    .product-single .social-link.social-twitter:hover{
        background-color:transparent;
        color:#1da1f2
    }
    .product-single .social-link.social-pinterest:hover{
        background-color:transparent;
        color:#bd081c
    }
    .product-single .product-footer>*{
        margin-bottom:1rem
    }
    .product-single .btn-wishlist,.product-single .btn-compare{
        display:inline-block;
        padding:.5rem 0;
        font-weight:400;
        font-size:1.4rem;
        background-color:transparent;
        transition:color .3s;
        text-transform:none;
        color:#666
    }
    .product-single .btn-wishlist i,.product-single .btn-compare i{
        display:inline-block;
        margin:0 .5rem .3rem 0;
        vertical-align:middle;
        font-size:1.8rem;
        line-height:0
    }
    .product-single .btn-wishlist:hover,.product-single .btn-compare:hover{
        color:#0b3773
    }
    .product-single .btn-compare i{
        margin-right:.8rem;
        font-size:2.1rem
    }
    .product-single .quantity{
        font-weight:700
    }
    .product-single .product-meta+.product-countdown-container{
        margin-top:.4rem
    }
    .product-single .product-countdown-container{
        display:inline-flex;
        align-items:center;
        margin-bottom:2.5rem;
        padding:1rem 1.6rem;
        border:1px solid #444;
        background-color:#444;
        text-transform:none;
        line-height:1;
        color:#fff;
        border-radius:.3rem
    }
    .product-single .product-countdown-container label{
        margin-right:.5rem;
        text-transform:none;
        color:#fff
    }
    .product-single .product-countdown-container .product-sale-info{
        position:relative;
        padding-right:1.5rem
    }
    .product-single .product-countdown-container .product-sale-info i{
        margin-right:.8rem
    }
    .product-single .product-countdown-container .product-sale-info::after{
        content:'';
        display:block;
        position:absolute;
        right:0;
        top:50%;
        transform:translateY(-50%);
        width:1px;
        height:2.4rem;
        background:rgba(255,255,255,0.2)
    }
    .product-single .product-countdown-container .product-sale-info+label{
        margin-left:1.5rem
    }
    .product-single .product-label-group{
        top:2rem;
        left:2.5rem;
        z-index:2
    }
    .product-single .product-label{
        color:#fff
    }
    .product-single .product-variations>a:not(.size-guide){
        width:3rem;
        height:3rem
    }
    .product-single .color{
        border:0
    }
    .product-single .size{
        width:3.6rem
    }
    .product-single .accordion ul{
        list-style:none;
        padding-left:0
    }
    .product-single .rating-form label,.product-single form label{
        font-weight:400;
        font-size:1.3rem;
        text-transform:none;
        color:#666
    }
    .product-meta{
        margin-bottom:1.8rem;
        color:#999;
        font-size:1.2rem
    }
    .product-meta span{
        margin:0 1.9rem 0 3px
    }
    .product-form{
        display:flex;
        align-items:flex-start;
        flex-wrap:nowrap;
        line-height:3rem;
        margin:0 0 1rem
    }
    .product-form>label{
        min-width:7rem;
        margin-bottom:1rem;
        text-transform:capitalize;
        font-size:16px;
        font-weight:400;
        letter-spacing:-0.025em
    }
    .product-form.product-variations{
        line-height:37px
    }
    .product-form .select-box::before{
        right:1.4rem;
        font-size:1.2rem;
        color:#222
    }
    .product-form select{
        max-width:none;
        padding:.8rem 3rem .8rem 1.4rem;
        color:#222;
        border-color:#ccc;
        font-size:1.3rem
    }
    .product-form .product-variations{
        display:block;
        margin-top:-3px;
        margin-bottom:-3px
    }
    .product-form.product-qty{
        line-height:4.5rem
    }
    .product-form .quantity-minus{
        border-radius:.3rem 0 0 .3rem
    }
    .product-form .quantity-plus{
        border-radius:0 .3rem .3rem 0
    }
    .product-form .input-group{
        margin-right:1rem
    }
    .product-form .btn-cart{
        border:0;
        flex:1;
        min-width:13rem;
        font-size:1.4rem;
        border-radius:.3rem;
        background-color:#0b3773;
        color:#fff;
        cursor:pointer;
        max-width:20.7rem;
        height:4.5rem
    }
    .product-form .btn-cart:disabled{
        background-color:#e4eaec;
        cursor:not-allowed;
        color:#999
    }
    .product-form .btn-cart i{
        margin-right:.8rem;
        margin-top:-1px;
        font-size:1.8rem;
        line-height:0;
        vertical-align:middle
    }
    .product-form .btn-cart i::before{
        margin:0
    }
    .product-form .btn-cart:hover:not(:disabled){
        background-color:#1d57ad
    }
    .product-form-group{
        position:relative;
       /* display:flex;*/
        align-items:flex-start;
        flex-wrap:wrap;
        flex:1
    }
    .product-form-group>*{
        margin-bottom:1rem
    }
    .product-form-group>:not(:last-child){
        margin-right:0rem
    }
    .product-form-group .product-variations{
        margin-bottom:7px
    }
    .size-guide{
        display:inline-flex;
        align-items:center;
        font-weight:300
    }
    .size-guide i{
        margin-right:.8rem;
        font-size:2.1rem;
        color:#666
    }
    .product-variation-price{
        display:none;
        padding-top:25px
    }
    .product-variation-price span{
        margin-bottom:1rem;
        color:#222;
        font-size:2.4rem;
        font-weight:700;
        letter-spacing:-.025em
    }
    .product-variation-clean{
        display:block;
        position:absolute;
        margin-top:1rem;
        padding:.3em 1em;
        left:0;
        top:calc(100% - 10px);
        font-size:1rem;
        line-height:1.6;
        background:#f4f4f4;
        color:#000
    }
    .related-products{
        margin-top:6.5rem
    }
    @media (min-width: 992px){
        .pg-vertical .product-thumbs-wrap{
            order:-1;
            max-width:109px;
            margin:0 1rem 0 0
        }
        .pg-vertical .product-single-carousel{
            max-width:calc(100% - 119px)
        }
        .pg-vertical .product-thumbs{
            display:block;
            position:absolute;
            top:0;
            left:0;
            right:0;
            bottom:0
        }
        .pg-vertical .product-thumb{
            margin:0 0 1rem
        }
        .pg-vertical .thumb-up,.pg-vertical .thumb-down{
            display:flex;
            width:100%;
            height:2.4rem
        }
        .pg-vertical .thumb-up{
            transform:translateY(-100%)
        }
        .pg-vertical .thumb-up i::before{
            content:"\f077"
        }
        .pg-vertical .thumb-down{
            top:auto;
            transform:translateY(100%)
        }
        .pg-vertical .thumb-down i::before{
            content:"\f078"
        }
        .pg-vertical .product-label-group{
            left:14rem
        }
    }
    .product-single.product-sticky-both .p-sticky{
        top:88px
    }
    .product-single.product-sticky-both .product-details{
        padding:0
    }
    .product-tabs.tab-nav-simple .nav-link{
        font-size:2rem;
        font-weight:700;
        text-transform:capitalize;
        color:#222;
        letter-spacing:0
    }
    .social-links{
        display:inline-flex;
        flex-wrap:wrap;
        align-items:center
    }
    .social-link{
        margin:2px 8px 2px 0;
        width:30px;
        height:30px;
        line-height:28px;
        font-size:1.5rem;
        border-radius:50%;
        border:2px solid #ccc;
        color:inherit;
        transition:color .4s, border .4s, background .4s;
        text-align:center
    }
    .social-link:last-child{
        margin-right:0
    }
    .social-link i{
        letter-spacing:-.001em;
        line-height:1
    }
    .social-link:hover{
        background:#0b3773;
        border-color:#0b3773;
        color:#fff
    }
    .social-link.social-facebook:hover{
        background: #000000;
        border-color: #000000;
    }
    .social-link.social-twitter:hover{
        background:#1da1f2;
        border-color:#1da1f2
    }
    .social-link.social-linkedin:hover{
        background:#0073b2;
        border-color:#0073b2
    }
    .social-link.social-email:hover{
        background:#dd4b39;
        border-color:#dd4b39
    }
    .social-link.social-google:hover{
        background:#dd4b39;
        border-color:#dd4b39
    }
    .social-link.social-pinterest:hover{
        background:#bd081c;
        border-color:#bd081c
    }
    .social-link.social-reddit:hover{
        background:#ff4107;
        border-color:#ff4107
    }
    .social-link.social-tumblr:hover{
        background:#304e6c;
        border-color:#304e6c
    }
    .social-link.social-vk:hover{
        background:#6383a8;
        border-color:#6383a8
    }
    .social-link.social-whatsapp:hover{
        background:#3c8a38;
        border-color:#3c8a38
    }
    .social-link.social-xing:hover{
        background:#1a7576;
        border-color:#1a7576
    }
    .social-link.social-instagram:hover{
        background:#7c4a3a;
        border-color:#7c4a3a
    }
    .no-border .social-link{
        border:0;
        line-height:30px
    }
    .no-border .social-link:not(:hover){
        background:transparent
    }
    .inline-links .social-link{
        display:inline-block;
        margin-right:2rem;
        width:auto;
        height:auto;
        border:0;
        color:inherit
    }
    .inline-links .social-link:not(:last-child){
        margin-right:2rem
    }
    .inline-links .social-link:hover{
        background:transparent
    }
    .inline-links .social-link.social-facebook:hover{
        color:#3b5998
    }
    .inline-links .social-link.social-twitter:hover{
        color:#1da1f2
    }
    .inline-links .social-link.social-linkedin:hover{
        color:#0073b2
    }
    .inline-links .social-link.social-email:hover{
        color:#dd4b39
    }
    .inline-links .social-link.social-google:hover{
        color:#dd4b39
    }
    .inline-links .social-link.social-pinterest:hover{
        color:#bd081c
    }
    .inline-links .social-link.social-reddit:hover{
        color:#ff4107
    }
    .inline-links .social-link.social-tumblr:hover{
        color:#304e6c
    }
    .inline-links .social-link.social-vk:hover{
        color:#6383a8
    }
    .inline-links .social-link.social-whatsapp:hover{
        color:#3c8a38
    }
    .inline-links .social-link.social-xing:hover{
        color:#1a7576
    }
    .inline-links .social-link.social-instagram:hover{
        color:#7c4a3a
    }
    .tab-content{
        background-color:#fff
    }
    .nav-tabs{
        display:flex;
        flex-wrap:wrap;
        border-bottom:1px solid #ebebeb
    }
    .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-item .nav-link.active,.nav-tabs .nav-item:hover .nav-link{
        color:#222
    }
    .nav-link{
        display:block;
        margin-bottom:-.1rem;
        padding: 9px 0rem;
        font-size: 14px;
        font-weight: 600;
        line-height:1;
        letter-spacing:0;
        text-align:center;
        border-radius:0;
        border:0;
        transition:border .35s, color .35s, background-color .35s;
    }
    .nav-item:not(:last-child){
        margin-right: 5px;
    }
    .nav-fill .nav-item{
        flex:1
    }
    .tab-content{
        position:relative
    }
    .tab-content>.tab-pane{
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        height:0 !important;
        opacity:0;
        z-index:-1;
        transition:visibility .3s, opacity .3s
    }
    .tab-content>.tab-pane:not(.active){
        overflow:hidden;
        visibility:hidden
    }
    .tab-content>.active{
        position:relative;
        height:auto !important;
        opacity:1;
        z-index:auto
    }
    .tab-pane{
        padding:2.3rem 0;
        line-height:1.72;
        color:#666
    }
    .tab-pane p{
        line-height:1.72
    }
    .tab-nav-simple .nav-link{
        border-bottom:2px solid transparent;
        background-color:transparent;
        color:#666
    }
    .tab-nav-simple .nav-item.show .nav-link,.tab-nav-simple .nav-item .nav-link.active,.tab-nav-simple .nav-item:hover .nav-link{
        border-bottom-color:#0b3773
    }
    .tab-nav-center .nav{
        justify-content:center
    }
    .tab-nav-boxed .nav-item{
        margin-right:0
    }
    .tab-nav-boxed .nav-link{
        padding-left:2.4rem;
        padding-right:2.4rem
    }
    .tab-nav-round .nav-item:not(:last-child){
        margin-right:2px
    }
    .tab-nav-round .nav-link{
        margin-bottom:0;
        border-radius:2.3rem;
        background-color:#f2f3f5
    }
    .tab-nav-round .nav-tabs{
        border-bottom:0
    }
    .tab-boxed .tab-pane{
        padding-left:2rem;
        padding-right:2rem
    }
    .tab-outline .tab-content{
        border:1px solid #ebebeb
    }
    .tab-outline .nav-tabs{
        border-bottom:0
    }
    .tab-outline .nav-link{
        padding-top:1.4rem;
        padding-bottom:1.5rem;
        border:1px solid transparent;
        border-top-width:2px
    }
    .tab-outline .nav-item.show .nav-link,.tab-outline .nav-item .nav-link.active,.tab-outline .nav-item:hover .nav-link{
        border-color:#ebebeb;
        border-top-color:#0b3773
    }
    .tab-outline2 .nav{
        position:relative;
        z-index:1
    }
    .tab-outline2 .tab-content{
        border:1px solid #ebebeb
    }
    .tab-outline2 .nav-tabs{
        border-bottom:0
    }
    .tab-outline2 .nav-link{
        padding:1.5rem 2.4rem;
        border:1px solid transparent
    }
    .tab-outline2 .nav-item.show .nav-link,.tab-outline2 .nav-item .nav-link.active,.tab-outline2 .nav-item:hover .nav-link{
        border-color:#ebebeb;
        border-bottom-color:#fff
    }
    .tab-vertical{
        display:flex
    }
    .tab-vertical .nav-tabs{
        flex-flow:column nowrap;
        width:27.8%;
        border:0;
        border-right:2px solid #ebebeb
    }
    .tab-vertical .tab-content{
        flex:1
    }
    .tab-vertical .nav-item{
        margin-right:0
    }
    .tab-vertical .nav-link{
        position:relative;
        margin-right:-2px;
        padding-left:2rem;
        width:calc(100% + 2px);
        border:0;
        text-align:left
    }
    .tab-vertical .nav-link::after{
        content:'';
        display:block;
        position:absolute;
        right:0;
        width:2px;
        height:calc(100% - 6px);
        top:50%;
        transform:translateY(-50%);
        background-color:transparent;
        z-index:1
    }
    .tab-vertical .tab-pane{
        padding:1.7rem 2rem
    }
    .tab-vertical.tab-simple .nav-link{
        margin-right:-2px
    }
    .tab-vertical.tab-simple .nav-link::after{
        content:'';
        display:block;
        position:absolute;
        right:0;
        width:2px;
        height:calc(100% - 6px);
        top:50%;
        transform:translateY(-50%) scale(0);
        background-color:transparent;
        transition:transform .3s;
        z-index:1
    }
    .tab-vertical.tab-simple .nav-item.show .nav-link,.tab-vertical.tab-simple .nav-item .nav-link.active,.tab-vertical.tab-simple .nav-item:hover .nav-link{
        color:#0b3773
    }
    .tab-vertical.tab-simple .nav-item.show .nav-link::after,.tab-vertical.tab-simple .nav-item .nav-link.active::after,.tab-vertical.tab-simple .nav-item:hover .nav-link::after{
        background-color:#0b3773;
        transform:translateY(-50%) scale(1)
    }
    @media (max-width: 991px){
        .tab-vertical{
            flex-flow:column nowrap
        }
        .tab-vertical .tab-content,.tab-vertical .nav-tabs{
            width:100%
        }
        .tab-vertical .nav-tabs{
            border:0
        }
        .tab-vertical .tab-content{
            padding-left:0
        }
        .tab-vertical.tab-simple .nav-link::after{
            height:2px;
            width:100%;
            background-color:transparent;
            top:calc(100% - 2px);
            transform:scale(0)
        }
        .tab-vertical.tab-simple .nav-item.show .nav-link::after,.tab-vertical.tab-simple .nav-item .nav-link.active::after,.tab-vertical.tab-simple .nav-item:hover .nav-link::after{
            transform:scale(1)
        }
    }
    .tab-inverse .tab-content{
        border-color:#fff
    }
    .tab-inverse .nav-tabs{
        border:0
    }
    .tab-inverse .nav-link{
        margin:0;
        width:100%
    }
    .tab-inverse .nav-item.show .nav-link,.tab-inverse .nav-item .nav-link.active,.tab-inverse .nav-item:hover .nav-link{
        background-color:#fff;
        border-color:#fff
    }
    .tab-inverse.tab-simple .nav-link{
        padding-top:1.4rem;
        border-top:2px solid transparent
    }
    .tab-inverse.tab-simple .nav-item.show .nav-link,.tab-inverse.tab-simple .nav-item .nav-link.active,.tab-inverse.tab-simple .nav-item:hover .nav-link{
        border-top-color:#0b3773
    }
    .tab-nav-solid .nav-link{
        padding-bottom:1.6rem;
        border:0
    }
    .tab-nav-solid .nav-item.show .nav-link,.tab-nav-solid .nav-item .nav-link.active,.tab-nav-solid .nav-item:hover .nav-link{
        color:#fff;
        background-color:#0b3773;
        border-color:#0b3773
    }
    @media (max-width: 991px){
        .nav-link{
            font-size:1.4rem
        }
        .tab-nav-boxed .nav-link{
            padding-left:1rem;
            padding-right:1rem
        }
    }
    @media (max-width: 479px){
        .tab-nav-round .nav-link{
            margin-bottom:.5rem
        }
    }
    .nav-filters{
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        color:#666
    }
    .nav-filters li:not(:last-child){
        margin-right:1.8rem
    }
    .nav-filter{
        display:inline-block;
        position:relative;
        padding:.5rem 0;
        font-size:1.4rem;
        letter-spacing:-.01em;
        line-height:1;
        transition:color .3s
    }
    .nav-filter.active{
        color:#0b3773
    }
    .filter-underline .nav-filter{
        border-bottom:1px solid transparent;
        transition:color .3s, border-color .3s
    }
    .filter-underline .nav-filter.active{
        border-color:#0b3773
    }
    .tooltiptext{
        font-family:Poppins,sans-serif;
        position:absolute;
        padding:1rem .7rem;
        bottom:150%;
        left:48%;
        background-color:#333;
        color:#fff;
        font-size:1.3rem;
        font-weight:400;
        letter-spacing:0.01em;
        text-align:center;
        visibility:hidden;
        opacity:0;
        transform:translateX(-50%);
        z-index:1;
        transition:opacity .3s
    }
    .tooltip-top::after{
        content:"";
        position:absolute;
        top:96%;
        left:50%;
        margin-left:-6px;
        border-width:6px;
        border-style:solid;
        border-color:#333 transparent transparent transparent
    }
    .title{
        display:flex;
        flex-wrap:wrap;
        position:relative;
        align-items:center;
        text-align:center;
        margin-bottom:2.6rem;
        text-transform:capitalize;
        font-size:2.4rem;
        font-weight:700;
        line-height:1;
        letter-spacing:-.0125em;
        color:#222
    }
    .title.title-center{
        justify-content:center
    }
    .title-line::after{
        flex:1;
        margin-left:3rem;
        content:'';
        height:2px;
        background-color:#e1e1e1
    }
    .title-line.title-underline::after{
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        z-index:1
    }
    @media (max-width: 479px){
        .title-line::before{
            margin-right:1.5rem
        }
        .title-line::after{
            margin-left:1.5rem
        }
    }
    .title-underline{
        display:block;
        text-align:left
    }
    .title-underline:after{
        margin:0;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        z-index:1
    }
    .title-underline span{
        display:inline-block;
        position:relative;
        z-index:2;
        line-height:2.28
    }
    .title-underline span::after{
        content:'';
        position:absolute;
        display:block;
        width:100%;
        height:2px;
        bottom:0;
        background-color:#0b3773
    }
    .title-wrapper .title{
        margin-bottom:.5rem
    }
    .title-wrapper p{
        margin-bottom:2.3rem;
        font-size:1.4rem;
        line-height:1.71;
        color:#999
    }
    .title-simple{
        display:block
    }
    .title-simple::before,.title-simple::after{
        content:none
    }
    .title-line:before{
        content:none
    }
    .title-sm{
        font-size:2rem
    }
    .title-icon{
        flex-direction:column
    }
    .title-icon>i{
        margin-top:1rem;
        font-size:1.8rem;
        color:#0b3773
    }
    .title-icon::before,.title-icon::after{
        content:none
    }
    .title-white{
        color:#fff
    }
    .title-white::before,.title-white::after{
        background-color:#fff;
        opacity:.1
    }
    .title-white>.title{
        color:#fff
    }
    .title-white>.title::before,.title-white>.title::after{
        background-color:#fff;
        opacity:.1
    }
    .title-white>p{
        color:#fff;
        opacity:.5
    }
    .title-link{
        justify-content:space-between;
        padding:1rem 0;
        border-bottom:1px solid #e1e1e1
    }
    .title-link::before,.title-link::after{
        content:none
    }
    .title-link a{
        color:#444;
        font-size:1.2rem
    }
    .title-link a:hover{
        color:#0b3773
    }
    .title-link i{
        font-size:1rem
    }
    .with-link{
        display:flex;
        justify-content:space-between;
        line-height:1
    }
    .with-link::after{
        background-color:#e1e1e1
    }
    .with-link a{
        display:inline-flex;
        align-items:center;
        margin-left:auto;
        font-weight:700;
        font-size:13px;
        line-height:2.05em;
        text-transform:uppercase;
        letter-spacing:-0.325px;
        color:#222222;
        transition:color .3s
    }
    .with-link a:hover{
        color:#0b3773
    }
    .with-link i{
        margin-left:0.9rem;
        font-size:1.9rem;
        line-height:0
    }
    .widget-title{
        margin-bottom:2rem;
        padding:1.1rem 0;
        font-size:1.6rem;
        font-weight:700;
        text-transform:uppercase;
        line-height:1.2;
        border-bottom:1px solid #e1e1e1;
        letter-spacing:-.025em
    }
    .widget-products .widget-title{
        padding:2.8rem .3rem 1.6rem;
        font-size:1.8rem;
        font-weight:600;
        letter-spacing:-.03em
    }
    .header{
        font-family:Poppins,sans-serif;
        letter-spacing:-.025em;
        background:#fff
    }
    .header .container,.header .container-fluid,.header .inner-wrap{
        display:flex;
        align-items:center
    }
    .header .inner-wrap{
        width:100%
    }
    .header-transparent{
        position:absolute;
        width:100%;
        left:0;
        top:0;
        z-index:20;
        background:transparent
    }
    .header-transparent .fixed{
        background:#222
    }
    .header-top,.header-middle,.header-bottom{
        display:flex
    }
    .header-border{
        border-bottom:1px solid #e1e1e1
    }
    .has-center .header-left,.has-center .header-right{
        flex:1
    }
    .has-center .header-right{
        justify-content:flex-end
    }
    .has-center .header-center{
        margin-left:2rem;
        margin-right:2rem
    }
    .header-left{
        flex:1
    }
    .header-left,.header-right,.header-center{
        display:flex;
        align-items:center
    }
    .header-right{
        margin-left:auto
    }
    .header-right a{
        display:flex;
        align-items:center
    }
    .header-top{
        border-bottom:1px solid #e1e1e1;
        font-size:1.2rem;
        letter-spacing:-.025em;
        background: #393185;
        color: #fff;
    }
    .header-top .header-right>*{
        margin-left:2.3rem
    }
    .header-top .header-right>*:first-child{
        margin-left:0
    }
    .header-top .divider{
        margin:0 -.3rem 0 2rem
    }
    .header-top .contact{
        margin-right:.2rem;
        line-height:1
    }
    .header-top .contact i{
        margin-right:.7rem;
        font-size:1.7rem
    }
    .header-top .help{
        line-height:1
    }
    .header-top .help i{
        margin-right:.7rem;
        font-size:1.7rem
    }
    .header-top .login-link i,.header-top .register-link i{
        margin-right:.9rem;
        font-size:1.5rem
    }
    .header-top .delimiter{
        margin:0 .5rem;
        color:#aaa
    }
    .header-top .wishlist{
        margin-right:2rem
    }
    .header-top .wishlist i{
        margin-right:.6rem;
        font-size:1.7rem
    }
    .currency-dropdown a,.language-dropdown a{
        white-space:nowrap
    }
    .header-middle{
        padding-top:2.7rem;
        padding-bottom:2.7rem;
        color:#222;
        background: #dddada;
        font-size:1.2rem;
        font-weight:700;
    }
    .header-middle .login-link{
        display:flex;
        align-items:center;
        margin-right:2rem;
        padding-bottom:.2rem
    }
    .header-middle .login-link span{
        cursor:pointer
    }
    .header-middle .login-link i{
        font-size:2.3rem
    }
    .header-middle .login-link:hover{
        color:#0b3773
    }
    .header-middle .logo{
        margin-right:8rem;
        margin-bottom:.1rem
    }
    .header-middle .compare{
        margin-right:3.5rem
    }
    .header-middle .compare i{
        font-size:3.2rem;
        margin-bottom:.1rem
    }
    .header-middle .main-nav{
        margin-right:1.5rem
    }
    .header-middle .header-right .cart-dropdown>a::after{
        content:none
    }
    .header-middle .icon-box{
        margin-right:1.8rem;
        padding-bottom:.1rem;
        transition:none
    }
    .header-middle .icon-box:hover .icon-box-icon,.header-middle .icon-box:hover p,.header-middle .icon-box:hover .icon-box-title{
        color:inherit
    }
    .header-middle .icon-box-icon,.header-middle p,.header-middle .icon-box-title{
        transition:color .3s
    }
    .header-middle .icon-box-icon{
        margin-bottom:0;
        padding:0;
        font-size:3rem;
        color: #393185;
    }
    .header-middle .icon-box-title{
        margin-bottom:.5rem;
        font-size:1.1rem;
        font-weight:400;
        text-transform:capitalize;
        line-height:1;
        letter-spacing:-.027em;
        color: #393185;
    }
    .header-middle p{
        font-size:1.4rem;
        font-weight:700;
        color: #ef7f1a;
        letter-spacing:-.0428em;
        line-height:1;
    }
    .logo{
        max-width:200px
    }
    .logo img{
        display:block
    }
    .header-bottom{
        padding-bottom:1.5rem;
        color:#222;
        background:#fff;
        font-size:1.4rem;
        font-weight:700
    }
    .header-bottom .header-right{
        margin-right:.3rem
    }
    .header-bottom .header-right i{
        margin-right:1rem;
        font-size:2.4rem;
        font-weight:700
    }
    .welcome-msg{
        margin:0;
        padding:1.1rem 0;
        font-size:inherit;
        font-weight:inherit;
        font-family:inherit;
        letter-spacing:-.0125em;
        line-height:1.5;
        white-space:nowrap
    }
    .header-search{
        position:relative
    }
    .header-search .input-wrapper{
        display:flex;
        position:relative
    }
    .header-search input.form-control{
        flex:1;
        min-width:40px;
        padding:1.1rem 1.5rem;
        border:0;
        background-color:#eee;
        font-size:1.3rem;
        letter-spacing:inherit
    }
    .header-search .btn-search{
        padding:0;
        min-width:40px;
        background-color:#0b3773;
        border:0;
        color:#fff;
        font-size:2rem
    }
    .header-search .btn-search i{
        margin:0 .1rem .6rem 0;
        vertical-align:middle;
        font-size:2rem
    }
    .header-search .select-box{
        background-color:#f4f4f4
    }
    .header-search .select-box select{
        position:relative;
        padding-left:1.1rem;
        padding-right:3rem;
        border:0;
        font-weight:400;
        font-size:1.3rem;
        letter-spacing:0;
        z-index:1
    }
    .header-search.hs-toggle .input-wrapper{
        position:absolute;
        right:-1.5rem;
        top:100%;
        min-width:31rem;
        padding:1.5rem;
        height:auto;
        background-color:#fff;
        box-shadow:0 2px 35px rgba(0,0,0,0.1);
        visibility:hidden;
        opacity:0;
        transform:translate3d(0, -10px, 0);
        z-index:100;
        transition:transform .4s .2s, visibility .4s .2s, opacity .4s .2s
    }
    .header-search.hs-toggle:hover{
        color:#0b3773
    }
    .header-search.hs-toggle .form-control{
        padding:1.4rem 2rem;
        background-color:#f4f4f4
    }
    .header-search.hs-toggle .btn-search{
        background-color:#f4f4f4;
        min-width:5rem;
        font-size:1.8rem;
        color:#222;
        border-radius:0
    }
    .header-search.hs-toggle .btn-search i{
        margin-bottom:.4rem;
        font-size:inherit
    }
    .header-search.hs-expanded{
        max-width:65rem;
        width:100%;
        margin:0 auto;
        flex:1
    }
    .header-search.hs-expanded .input-wrapper{
        width:100%;
        border:2px solid #0b3773;
        border-radius:.5rem;
        height:4.5rem
    }
    .header-search.hs-expanded .select-box{
        width:13.2rem;
        border-radius:.5rem 0 0 .5rem;
        color:#666
    }
    .header-search.hs-expanded .select-box,.header-search.hs-expanded .select-box select{
        cursor:pointer
    }
    .header-search.hs-expanded .select-box::before{
        right:11px;
        font-size:1rem
    }
    .header-search.hs-expanded .select-box::after{
        content:'';
        display:block;
        position:absolute;
        top:8px;
        right:-3px;
        height:25px;
        border-right:1px solid #e1e1e1
    }
    .header-search.hs-expanded input.form-control{
        flex:1;
        min-height:100%;
        padding-left:1.9rem;
        padding-right:1.9rem;
        letter-spacing:0;
        color:#ababab;
        background-color:#f4f4f4
    }
    .header-search.hs-expanded .btn-search{
        min-width:4.7rem;
        background-color:#f4f4f4;
        color:#444;
        font-size:1.6rem
    }
    .header-search.hs-expanded .btn-search:hover{
        color:#0b3773
    }
    .header-search.search-left .input-wrapper{
        left:0;
        right:auto
    }
    .header-search.hs-simple{
        flex:1;
        margin-right:2rem;
        max-width:52.2rem
    }
    .header-search.hs-simple input.form-control{
        padding:0 5rem 0 1.55rem;
        border-radius:5px;
        border:2px solid;
        border-color: #393185;
        font-family:inherit;
        background-color:#fff;
        color:#999;
    }
    .header-search.hs-simple .btn-search{
        position:absolute;
        background:transparent;
        color:#333;
        min-width:48px;
        height:100%;
        border-radius:5px;
        right:0
    }
    .header-search.hs-simple .btn-search:hover{
        color:#0b3773
    }
    .header .header-search.hs-toggle:hover .input-wrapper,.header-search.hs-toggle.show .input-wrapper{
        transform:translate3d(0, 0, 0);
        visibility:visible;
        transition:transform .4s;
        opacity:1
    }
    .mobile-search{
        display:none
    }
    .mobile-search .search-toggle i{
        font-size:2rem;
        vertical-align:middle
    }
    .hs-toggle.dir-up::after{
        top:auto;
        bottom:100%;
        border-bottom-color:transparent;
        border-top-color:#fff
    }
    .hs-toggle.dir-up .input-wrapper{
        top:auto;
        bottom:100%;
        transform:translate3d(0, 10px, 0)
    }
    .search-toggle{
        display:inline-block;
        vertical-align:middle;
        padding:1.1rem 0;
        transition:color .3s
    }
    .search-toggle span{
        cursor:pointer
    }
    .search-toggle i{
        font-size:1.4rem;
        font-weight:400;
        line-height:.9
    }
    .search-toggle.with-label{
        display:inline-flex;
        align-items:center
    }
    .search-toggle.with-label i{
        display:inline-block;
        vertical-align:middle;
        margin-bottom:2px;
        font-size:1.6rem
    }
    .search-toggle.with-label span{
        margin-left:.5rem;
        cursor:pointer;
        font-weight:inherit;
        letter-spacing:inherit;
        text-transform:uppercase
    }
    .main-nav{
        margin:0 0 0 0.3rem
    }
    .call{
        display:flex;
        align-items:center
    }
    .call span{
        font-weight:inherit;
        text-transform:uppercase;
        cursor:pointer
    }
    .call i+span{
        margin-left:.9rem
    }
    .call i{
        margin:0 0.2rem 0.2rem 0;
        font-size:1.8rem;
        cursor:pointer
    }
    .call:hover{
        color:#0b3773
    }
    .wishlist{
        margin-right:1.5rem
    }
    .wishlist i{
        font-size:2.8rem;
        cursor:pointer;
        color: #393185;
    }
    .wishlist:hover{
        color:#0b3773
    }
    @keyframes fixedTop{
        from{
            transform:translateY(-100%);
            transform-origin:center top 0px
        }
        to{
            transform:translateY(0)
        }
    }
    @keyframes fixedBottom{
        from{
            transform:translateY(100%);
            transform-origin:center top 0px
        }
        to{
            transform:translateY(0)
        }
    }
    .sticky-header.fixed{
        position:fixed;
        top:0;
        width:100%;
        padding-top:1.5rem;
        padding-bottom:1.4rem;
        box-shadow:0 2px 5px rgba(0,0,0,0.1);
        z-index:1100;
        animation:fixedTop .4s
    }
    @media (max-width: 991px){
        .sticky-wrapper{
            height:auto !important
        }
    }
    .mobile-menu-toggle{
        display:none;
        margin-right:2rem;
        font-size:2.5rem;
        color:#222
    }
    .mobile-menu-toggle.menu-bar::before,.mobile-menu-toggle.menu-bar::after{
        content:'';
        display:block;
        width:100%
    }
    .mobile-menu-toggle.menu-bar::before{
        height:11px;
        border-top:2px solid;
        border-bottom:2px solid
    }
    .mobile-menu-toggle.menu-bar::after{
        height:9px;
        border-bottom:2px solid
    }
    @media (max-width: 1199px){
        .main-nav .menu>li{
            margin-right:1.5rem
        }
        .header-middle .logo{
            margin-right:2rem
        }
    }
    @media (max-width: 991px){
        .header .main-nav{
            display:none
        }
        .header-top .header-left{
            margin-right:2rem
        }
        .header-middle .header-right{
            justify-content:flex-end
        }
        .header-middle .header-right .divider{
            display:none
        }
        .header-middle .header-center{
            margin-left:auto;
            margin-right:auto
        }
        .header-middle .compare{
            margin-right:1.5rem
        }
        .mobile-menu-toggle{
            display:block
        }
    }
    @media (max-width: 991px){
        .header-middle .mobile-search{
            display:block
        }
        .header-middle .header-search{
            display:none
        }
        .header-top .login-link,.header-top .register-link,.header-top .divider,.header-top .delimiter{
            display:none
        }
    }
    @media (max-width: 480px){
        .header-top .header-left{
            position:relative;
            overflow:hidden
        }
        .header-middle .logo{
            margin-right:0
        }
        .header-middle .wishlist,.header-middle .divider{
            display:none
        }
        .header-middle .icon-box{
            margin-right:1rem
        }
        .welcome-msg{
            transform:translateX(0);
            animation:6s linear 2s 1 show_msg_first, 12s linear 8s infinite show_msg
        }
    }
    @keyframes show_msg_first{
        from{
            transform:translateX(0%)
        }
        to{
            transform:translateX(-100%)
        }
    }
    @keyframes show_msg{
        from{
            transform:translateX(100%)
        }
        to{
            transform:translateX(-100%)
        }
    }
    .label-down{
        display:flex;
        flex-direction:column;
        align-items:center
    }
    .label-down i{
        display:inline-block
    }
    .label-down span{
        display:block
    }
    .label-down i+span{
        margin-top:.7rem
    }
    .label-block span{
        display:block
    }
    .label-block .cart-name{
        margin-bottom:.5rem;
        font-size:1.1rem;
        font-weight:400;
        text-transform:capitalize
    }
    .label-block .cart-name ::after{
        content:none
    }
    .label-block .cart-price{
        font-size:1.4rem;
        font-weight:700;
        letter-spacing:-.05em
    }
    .label-block.cart-toggle i{
        font-size:3rem
    }
    .mobile-link{
        display:block;
        margin-right:0;
        margin-bottom:-3px
    }
    .mobile-link i{
        font-size:2.4rem
    }
    .mobile-link+.mobile-link{
        margin-left:2rem
    }
    .mobile-link:hover{
        color:#0b3773
    }
    @media (min-width: 768px){
        .mobile-link{
            display:none
        }
    }
    .dropdown{
        position:relative
    }
    .dropdown:hover .dropdown-box,.dropdown.show .dropdown-box{
        visibility:visible;
        opacity:1;
        top:100%
    }
    .dropdown:hover .dropdown-box,.dropdown.show .dropdown-box{
        transform:translate3d(0, 0, 0)
    }
    .dropdown:hover>a,.dropdown.show>a{
        color:#0b3773
    }
    .dropdown a{
        display:flex;
        align-items:center
    }
    .dropdown a .dropdown-image{
        max-width:1.4rem;
        margin-right:.7rem;
        height:auto
    }
    .dropdown>a{
        line-height:1;
        padding:9px 0
    }
    .dropdown>a::after{
        display:inline-block;
        margin-left:8px;
        font-family:'Font Awesome 5 Free';
        font-weight:600;
        font-size:10px;
        line-height:1;
        content:'\f078'
    }
    .dropdown li.active>a,.dropdown li:hover>a{
        color:#0b3773
    }
    .dropdown.dir-up::after{
        border-bottom-color:transparent;
        border-top:11px solid #fff;
        transform:translate3d(-50%, 8px, 0)
    }
    .dropdown.dir-up:hover .dropdown-box,.dropdown.dir-up.show .dropdown-box{
        top:auto;
        bottom:100%
    }
    .dropdown.dir-up:hover::after,.dropdown.dir-up.show::after{
        top:auto;
        bottom:calc(100% - 20px);
        transform:translate3d(-50%, 0, 0)
    }
    .dropdown-box{
        position:absolute;
        right:0;
        top:-9999px;
        margin:0;
        padding:.5rem 0;
        color:#666;
        background-color:#fff;
        box-shadow:0 10px 30px 2px rgba(0,0,0,0.2);
        z-index:1000;
        visibility:hidden;
        opacity:0;
        transition:transform .2s ease-out, opacity .2s, visibility .2s;
        transform:translate3d(0, -10px, 0)
    }
    .dropdown-box a{
        padding:.6rem 1rem
    }
    .dropdown-box li{
        font-size:inherit;
        line-height:1.1
    }
    @media (min-width: 992px){
        .dropdown-expanded::after{
            content:none
        }
        .dropdown-expanded::before{
            position:absolute;
            content:'';
            top:50%;
            transform:translateY(-50%);
            left:-2.1rem;
            width:1px;
            height:2.5rem;
            background-color:#e1e1e1
        }
        .dropdown-expanded>a{
            display:none
        }
        .dropdown-expanded .dropdown-box{
            position:static;
            display:flex;
            visibility:visible;
            opacity:1;
            background-color:transparent;
            box-shadow:none;
            border:0;
            padding:9px 0;
            transform:none;
            color:inherit
        }
        .dropdown-expanded .dropdown-box a{
            padding:0;
            letter-spacing:-.025em
        }
        .dropdown-expanded .dropdown-box>li{
            margin-right:2.3rem
        }
        .dropdown-expanded .dropdown-box>li:last-child{
            margin-right:0
        }
    }
    @media (max-width: 991px){
        .dropdown.dropdown-expanded li:hover>a{
            color:#0b3773
        }
    }
    .cart-dropdown>a{
        padding:.7rem 0
    }
    .cart-dropdown .cart-toggle{
        padding:0.6rem 0 0.7rem
    }
    .cart-dropdown .cart-toggle::after{
        content:none
    }
    .cart-dropdown .cart-label{
        display:block;
        cursor:pointer;
        margin:0 1rem 0 0;
        font-weight:inherit;
        text-transform:uppercase;
        letter-spacing:-.025em
    }
    .cart-dropdown .minicart-icon{
        display:inline-block;
        font-size:1.2rem;
        color:#0b3773
    }
    .cart-dropdown .minicart-icon2{
        display:inline-block;
        font-size:1.2rem;
        color:#0b3773
    }
    .cart-dropdown .cart-count{
        display:inline-block;
        transition:color .4s;
        font-size:1.3rem;
        font-weight:600;
        line-height:25px;
        color:#0b3773
    }
    .cart-dropdown .cart-header{
        display:flex;
        align-items:center;
        justify-content:space-between;
        border-bottom:1px solid #e1e1e1;
        padding-bottom:1.3rem
    }
    .cart-dropdown .cart-title{
        margin-bottom:0;
        font-size:1.6rem;
        font-weight:700;
        text-transform:uppercase;
        letter-spacing:-.018em
    }
    .cart-dropdown .btn-close{
        font-size:12px;
        font-weight:600;
        color:#999
    }
    .cart-dropdown .btn-close:hover,.cart-dropdown .btn-close:focus,.cart-dropdown .btn-close:active{
        color:#0b3773
    }
    .cart-dropdown .btn-close i{
        margin-right:0;
        font-size:1.9rem
    }
    .cart-dropdown .cart-total{
        display:flex;
        justify-content:center;
        margin-top:2rem;
        margin-bottom:2.1rem;
        padding:1.7rem 0 1.5rem;
        border-top:1px solid #edeef0;
        border-bottom:1px solid #edeef0;
        font-size:1.4rem;
        line-height:1;
        letter-spacing:normal
    }
    .cart-dropdown .cart-total label{
        margin:0 auto 0 .3rem;
        line-height:inherit;
        color:#666;
        font-weight:400
    }
    .cart-dropdown .cart-total .price{
        font-weight:700;
        font-size:1.6rem;
        color:#222
    }
    .cart-dropdown .cart-action{
        column-gap:10px;
        text-align:center
    }
    .cart-dropdown .cart-action .btn{
        display:flex;
        justify-content:center;
        border-radius:3px;
        padding:.9em 2em;
        line-height:1.5;
        letter-spacing:.01em
    }
    .cart-dropdown .cart-action .btn.btn-link{
        display:inline-block;
        margin-bottom:2rem;
        padding:0;
        border-bottom:2px solid #0b3773;
        border-radius:0;
        text-transform:capitalize;
        line-height:1.3
    }
    .cart-dropdown .cart-action .btn.btn-link:hover,.cart-dropdown .cart-action .btn.btn-link:active,.cart-dropdown .cart-action .btn.btn-link:focus{
        color:#0b3773
    }
    .cart-dropdown i{
        font-size:2.4rem;
        color: #393185;
    }
    .cart-dropdown:hover .minicart-icon{
        background:#0b3773
    }
    .cart-dropdown:hover .minicart-icon::before{
        transform:rotateY(180deg)
    }
    .cart-dropdown:hover .cart-count{
        color:#fff
    }
    .cart-dropdown .dropdown-box{
        right:-1rem;
        padding:3rem;
        min-width:33.5rem
    }
    .cart-dropdown .products{
        max-height:360px;
        overflow-x:hidden;
        margin-right:-5px;
        padding-right:5px
    }
    .cart-dropdown.cart-dropdown-white .cart-label,.cart-dropdown.cart-dropdown-white .cart-price,.cart-dropdown.cart-dropdown-white .cart-count{
        color:#fff
    }
    .cart-dropdown.cart-dropdown-white .minicart-icon{
        border-color:#fff
    }
    .cart-dropdown.cart-dropdown-white:hover .minicart-icon{
        background-color:#fff
    }
    .cart-dropdown.cart-dropdown-white:hover .cart-count{
        color:#0b3773
    }
    .cart-dropdown.type2 .cart-toggle{
        align-items:center
    }
    .cart-dropdown.type2:hover{
        color:#0b3773
    }
    .cart-dropdown.type2 .cart-count{
        position:absolute;
        right:-8px;
        top:3px;
        width:1.5rem;
        height:1.5rem;
        font-size:.9rem;
        line-height:1.7;
        text-align:center;
        border-radius:50%;
        background-color: #ef7f1a;
        color:#fff;
        z-index:1;
    }
    .cart-dropdown.type2 .label-block .cart-count{
        width:1.9rem;
        height:1.9rem;
        font-size:1.1rem;
        line-height:1.8rem
    }
    .cart-dropdown.type3 .cart-toggle{
        padding:1.5rem 1.5rem 1.5rem 1.5rem;
        background-color:#0b3773;
        color:rgba(255,255,255,0.8);
        transition:.3s
    }
    .cart-dropdown.type3 .cart-toggle i{
        font-size:1.5rem;
        margin-right:7px
    }
    .cart-dropdown.cart-offcanvas .dropdown-box{
        position:fixed;
        top:0;
        right:-34rem;
        max-width:34rem;
        width:100%;
        height:110vh;
        min-width:auto;
        padding:2.9rem 3rem;
        opacity:1;
        visibility:visible;
        transition:right 0.3s;
        transform:none;
        z-index:2999;
        box-shadow:none
    }
    .cart-dropdown.cart-offcanvas .cart-overlay{
        position:fixed;
        left:0;
        width:100vw;
        top:-10vh;
        height:120vh;
        background:rgba(0,0,0,0.3);
        z-index:2998;
        opacity:0;
        visibility:hidden;
        transition:opacity .3s
    }
    .cart-dropdown.cart-offcanvas .btn:not(.btn-close){
        margin-bottom:1rem
    }
    .cart-dropdown.cart-offcanvas .product-cart{
        margin-top:2rem
    }
    .cart-dropdown.cart-offcanvas.opened .dropdown-box{
        right:0
    }
    .cart-dropdown.cart-offcanvas.opened .cart-overlay{
        opacity:1;
        visibility:visible
    }
    @media (max-width: 479px){
        .cart-dropdown.cart-offcanvas .dropdown-box{
            max-width:30.4rem
        }
    }
    .product.product-cart-header{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding-bottom:1.3rem;
        border-bottom:1px solid #edeef0
    }
    .product.product-cart-header span,.product.product-cart-header a{
        font-size:1.4rem;
        font-weight:700;
        text-transform:uppercase;
        letter-spacing:-0.025em;
        line-height:1;
        color:#222529
    }
    .product.product-cart-header a{
        padding:0;
        padding-bottom:0;
        color:#222529;
        line-height:1
    }
    .product.product-cart-header a:hover{
        text-decoration:underline
    }
    .product.product-cart{
        display:flex;
        align-items:center;
        font-size:1.3rem
    }
    .product.product-cart:not(:first-child){
        margin-top:2rem
    }
    .product.product-cart .product-media{
        position:static;
        width:8rem;
        height:9rem;
        margin-right:1.5rem
    }
    .product.product-cart .product-media a{
        padding:0
    }
    .product.product-cart .product-detail{
        flex:1;
        margin:0 1rem 0rem 0
    }
    .product.product-cart .product-name{
        white-space:normal;
        padding:0;
        margin-bottom:.9rem;
        margin-right:1rem;
        font-size:1.4rem;
        font-weight:600;
        line-height:1.34;
        letter-spacing:-.35px;
        font-family:Poppins,sans-serif;
        color:#666
    }
    .product.product-cart .product-name:hover{
        color:#0b3773
    }
    .product.product-cart .price-box{
        display:flex;
        align-items:center;
        font-size:1.6rem;
        line-height:1
    }
    .product.product-cart .product-price{
        font-size:1.6rem;
        letter-spacing:-.35px
    }
    .product.product-cart .product-quantity{
        align-items:center;
        display:flex;
        margin-right:1rem;
        font-weight:400
    }
    .product.product-cart .product-quantity::after{
        margin-left:1rem;
        content:'X';
        text-transform:none;
        line-height:0;
        font-size:1.5rem
    }
    .product.product-cart .product-price{
        margin:0;
        color:#222
    }
    .product.product-cart .btn-close{
        position:absolute;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        width:2.2rem;
        height:2.2rem;
        top:.9rem;
        right:-.4rem;
        border-radius:50%;
        background-color:#fff;
        color:#222;
        font-size:1.2rem;
        border:1px solid #ccc
    }
    .product.product-cart .btn-close i{
        margin-right:4px;
        margin-top:0px;
        font-size:1.2rem
    }
    .product.product-cart .btn-close:hover{
        color:#0b3773;
        border-color:#0b3773
    }
    .product.product-cart:last-child{
        margin-bottom:0
    }
    @media (max-width: 991px){
        .cart-dropdown .cart-label{
            display:none
        }
    }
    @media (max-width: 575px){
        .cart-dropdown .product .product-media{
            margin-right:1rem
        }
        .cart-dropdown .dropdown-box{
            min-width:31rem
        }
        .cart-dropdown .cart-total{
            font-size:1.3rem
        }
    }
    .category-dropdown>a{
        padding:1.7rem 1.7rem;
        background:#0b3773
    }
    .category-dropdown>a::after{
        content:none
    }
    .category-dropdown>a i{
        font-size:1.8rem
    }
    .category-dropdown>a span{
        margin-left:1rem
    }
    .category-dropdown .dropdown-box{
        padding:0;
        left:0;
        min-width:28rem;
        box-shadow:none;
        background-color:#f4f4f4;
        transition:opacity .2s, z-index 0s, transform .2s ease-out;
        visibility:hidden;
        top:100%
    }
    .category-dropdown::before,.category-dropdown::after{
        left:25px
    }
    .category-dropdown::after{
        border-bottom-color:#f4f4f4;
        visibility:hidden;
        top:calc(100% - 20px)
    }
    .category-dropdown.menu-fixed .dropdown-box,.category-dropdown.menu-fixed::after{
        visibility:hidden
    }
    .category-dropdown.dropdown.show .dropdown-box{
        box-shadow:0 2px 10px rgba(0,0,0,0.1);
        transform:translate3d(0, 0, 0);
        transition:opacity .5s, z-index 0s, transform 0s
    }
    .category-dropdown.dropdown.show .dropdown-box,.category-dropdown.dropdown.show::after{
        visibility:visible
    }
    .category-dropdown.dropdown.show::after{
        transform:translate3d(-50%, 0, 0)
    }
    .category-dropdown.has-border::after{
        border-bottom-color:#fff
    }
    .category-dropdown.has-border::before,.category-dropdown.has-border::after{
        content:'';
        position:absolute;
        z-index:1000;
        top:-9999px;
        transform:translateX(-50%);
        border:11px solid transparent;
        border-bottom:11px solid #e1e1e1;
        transition:opacity .4s ease;
        visibility:hidden;
        opacity:0;
        cursor:pointer
    }
    .category-dropdown.has-border .dropdown-box{
        background-color:#fff;
        border:1px solid #e1e1e1
    }
    .category-dropdown.has-border.menu-fixed::before{
        visibility:visible;
        opacity:1
    }
    .sticky-header:not(.fixed) .category-dropdown.menu-fixed::after{
        top:100%;
        transform:translate3d(-50%, 0, 0)
    }
    .sticky-header:not(.fixed) .category-dropdown.menu-fixed .dropdown-box{
        top:calc(100% + 20px);
        transform:none
    }
    .sticky-header:not(.fixed) .category-dropdown.menu-fixed .dropdown-box,.sticky-header:not(.fixed) .category-dropdown.menu-fixed::after{
        visibility:visible;
        opacity:1
    }
    .sticky-header:not(.fixed) .category-dropdown.menu-fixed.has-border::before{
        top:calc(100% - 1px);
        visibility:visible;
        opacity:1
    }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5){
        .sticky-header:not(.fixed) .category-dropdown.menu-fixed.has-border::before{
            top:calc(100% - 2px)
        }
    }
    .menu{
        display:flex;
        align-items:center
    }
    .menu a{
        display:inline-block
    }
    .menu .menu-title{
        margin-bottom:1rem;
        padding:0 1rem;
        font-size:1.4rem;
        font-weight:600;
        line-height:1;
        text-transform:uppercase
    }
    .menu ul{
        padding:2rem 0;
        background:#fff;
        font-size:1.4rem;
        font-weight:400;
        line-height:1.5;
        letter-spacing:0;
        color:#666
    }
    .menu li{
        position:relative;
        line-height:1.5
    }
    .menu li a{
        padding:.7rem 0 .7rem 1rem
    }
    .menu li>ul,.menu li .megamenu{
        position:absolute;
        top:-9999px;
        left:100%;
        margin:0;
        box-shadow:0 2px 35px rgba(0,0,0,0.1);
        z-index:1000;
        visibility:hidden;
        opacity:0;
        transition:transform .2s ease-out;
        transform:translate3d(0, -10px, 0)
    }
    .menu li>ul{
        min-width:22.6rem;
        background:#fff
    }
    .menu li>ul li{
        padding:0 2rem
    }
    .menu li:hover>a:not(.menu-title),.menu .active>a:not(.menu-title){
        color:#0b3773
    }
    .menu li:hover>ul,.menu li:hover .megamenu,.menu .show>ul,.menu .show .megamenu{
        visibility:visible;
        opacity:1;
        top:-2rem;
        transform:translate3d(0, 0, 0)
    }
    .menu>li{
        margin-right:3rem
    }
    .menu>li:last-child{
        margin-right:0
    }
    .menu>li>a{
        position:relative;
        padding:1.3rem 0;
        font-weight:700;
        letter-spacing:inherit;
        line-height:1;
        text-transform:capitalize
    }
    .menu>li>a::after{
        margin-left:.8rem
    }
    .menu>li>ul,.menu>li .megamenu{
        left:-1.9rem
    }
    .menu>li:hover>ul,.menu>li:hover .megamenu,.menu>li.show>ul,.menu>li.show .megamenu{
        top:100%
    }
    .menu .submenu>a{
        position:relative;
        display:block
    }
    .menu>.submenu>a{
        z-index:1001
    }
    .menu>.submenu>a::after{
        position:static;
        content:'\f078';
        margin-top:0
    }
    .menu.no-arrow>li>a::after{
        content:none
    }
    .submenu>a::after{
        display:inline-block;
        position:absolute;
        margin-top:2px;
        right:.5rem;
        top:50%;
        line-height:0;
        vertical-align:middle;
        font-family:'Font Awesome 5 Free';
        font-weight:700;
        font-size:1.1rem;
        color:inherit;
        content:'\f054'
    }
    .vertical-menu{
        display:block;
        min-width:12rem
    }
    .vertical-menu>li{
        margin-right:0;
        padding:0 2rem
    }
    .vertical-menu>li>ul,.vertical-menu>li .megamenu{
        transform:translate3d(-15px, 0, 0)
    }
    .vertical-menu>li>a{
        display:inline-block
    }
    .vertical-menu>li>a::after{
        content:none
    }
    .vertical-menu>li:hover>ul,.vertical-menu>li:hover .megamenu,.vertical-menu>li.show>ul,.vertical-menu>li.show .megamenu{
        left:100%;
        top:-1rem
    }
    .vertical-menu>.submenu::after{
        border:11px solid transparent;
        border-right:11px solid #fff
    }
    .vertical-menu>.submenu:hover::after,.vertical-menu>.submenu.show::after{
        top:50%;
        left:calc(100% - 20px);
        transform:translate3d(0, -50%, 0)
    }
    .vertical-menu>.submenu>a::after{
        position:absolute;
        line-height:0;
        content:'\f054'
    }
    .vertical-menu.no-arrow>li{
        display:flex
    }
    .vertical-menu.no-arrow>li>a::after{
        content:none
    }
    .toggle-menu{
        display:block
    }
    .toggle-menu>li{
        margin-right:0
    }
    .toggle-menu .submenu::after,.toggle-menu .submenu>a::after{
        content:none
    }
    .toggle-menu .submenu li{
        padding:0 .5rem
    }
    .toggle-menu li>ul{
        display:none;
        position:static;
        visibility:visible;
        opacity:1;
        transform:none;
        background:transparent;
        box-shadow:none
    }
    .toggle-btn{
        display:block;
        position:absolute;
        padding:6px;
        right:0;
        top:50%;
        transform:translateY(-50%);
        opacity:.6
    }
    .toggle-btn::before{
        content:"\f054";
        display:block;
        font-size:1rem;
        font-weight:600;
        font-family:'Font Awesome 5 Free';
        line-height:1;
        transition:transform .5s
    }
    .show>a .toggle-btn::before{
        transform:rotate(630deg)
    }
    .menu-active-underline>li>a::before{
        content:'';
        display:block;
        position:absolute;
        bottom:9px;
        left:0;
        width:100%;
        height:2px;
        border:1px solid;
        transform-origin:right center;
        transform:scale(0, 1);
        transition:transform .3s
    }
    .menu-active-underline>li.active>a,.menu-active-underline>li:hover>a{
        color:inherit
    }
    .menu-active-underline>li.active>a::before,.menu-active-underline>li:hover>a::before{
        transform-origin:left center;
        transform:scale(1, 1)
    }
    .main-nav{
        margin:0 0 0 0.3rem
    }
    .megamenu{
        display:flex;
        padding:1rem;
        min-width: 100.8rem;
        background:#fff;
    }
    .megamenu ul{
        padding:0
    }
    .megamenu .row{
        flex:1;
        padding:0 1rem
    }
    .megamenu .row>*{
        padding:1.8rem 1rem .8rem
    }
    .megamenu .menu-banner{
        padding:0;
        overflow:hidden
    }
    .megamenu .menu-banner figure{
        height:100%
    }
    .megamenu .menu-banner img{
        height:100%;
        object-fit:cover
    }
    .megamenu .menu-banner .btn-link:hover{
        color:#0b3773
    }
    .menu-banner1 .banner-content{
        left:9%
    }
    .menu-banner1 .banner-title,.menu-banner1 .banner-subtitle{
        font-size:3.6rem
    }
    .menu-banner1 .banner-subtitle{
        margin-bottom:.4rem
    }
    .menu-banner1 .banner-title{
        margin-bottom:1.8rem;
        padding-left:1.2rem;
        position:relative
    }
    .menu-banner1 .banner-title span{
        display:inline-block;
        position:absolute;
        left:-.9rem;
        top:50%;
        font-size:1.2rem;
        line-height:1;
        transform:rotateZ(-90deg) translateX(0.6rem);
        letter-spacing:-.1em
    }
    .menu-banner2 .banner-content{
        bottom:10%
    }
    .menu-banner2 .banner-title{
        margin-bottom:.6rem;
        font-size:2.6rem
    }
    .menu-banner2 .banner-subtitle{
        font-size:1.6rem
    }
    .tip{
        display:inline-block;
        position:relative;
        top:-1px;
        left:7px;
        padding:0.3rem 0.5rem;
        font-size:1rem;
        font-weight:600;
        line-height:1;
        color:#fff;
        text-transform:uppercase;
        border-radius:2px
    }
    .tip.tip-hot{
        background-color:#d26e4b
    }
    .tip.tip-new{
        background-color:#0b3773
    }
    .mobile-menu-wrapper{
        visibility:hidden;
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:10000;
        font-family:Poppins,sans-serif;
        transition:visibility .4s
    }
    .mobile-menu-container{
        max-width:296px;
        padding:2rem 1.5rem;
        width:100%;
        height:100%;
        overflow-y:auto;
        background:#222529;
        box-shadow:1px 0 5px rgba(0,0,0,0.5);
        transform:translateX(-296px);
        transition:transform .4s
    }
    .mobile-menu-container .input-wrapper{
        display:flex;
        margin-bottom:.6rem;
        height:4rem
    }
    .mobile-menu-container .input-wrapper .form-control{
        min-height:4rem;
        color:#7a8088;
        border:1px solid;
        border-color:#2e3237;
        border-right:0;
        background-color:transparent
    }
    .mobile-menu-container .input-wrapper .btn-search{
        padding:0;
        width:4rem;
        background-color:#0b3773;
        border-color:#0b3773;
        color:#fff;
        font-size:1.4rem;
        border-radius:3px
    }
    .mobile-menu-container .input-wrapper .btn-search i{
        margin:0 0 .5rem;
        font-size:inherit
    }
    .mobile-menu-container .mobile-menu{
        margin-bottom:.5rem;
        background:#222529
    }
    .mobile-menu-container .tab{
        margin-top:3rem
    }
    .mobile-menu-container .tab-content{
        background-color:transparent
    }
    .mobile-menu-container .nav{
        border-width:2px
    }
    .mobile-menu-container .nav-link{
        margin-bottom:-2px;
        color:#fff;
        font-size:13px;
        padding:10px
    }
    .mobile-menu-container .tab-pane{
        padding-top:10px
    }
    .mobile-menu-container .nav-item:hover .nav-link{
        color:#fff;
        border-color:transparent
    }
    .mobile-menu-container .nav-item.show .nav-link,.mobile-menu-container .nav-item .nav-link.active{
        color:#0b3773;
        border-color:#0b3773
    }
    .mobile-menu-container .nav-item+.nav-item{
        margin-left:1px
    }
    .mobile-menu-container.scrollable::-webkit-scrollbar-thumb,.mobile-menu-container .sidebar-content::-webkit-scrollbar-thumb{
        margin-right:2px;
        background:rgba(255,255,255,0.1);
        border-radius:7px;
        cursor:pointer
    }
    .mobile-menu{
        text-transform:uppercase;
        font-size:1.2rem;
        font-weight:700;
        line-height:1.5;
        letter-spacing:-.025em;
        color:#e1e1e1;
        text-transform:uppercase;
        font-size:1.2rem;
        font-weight:700;
        line-height:1.5;
        letter-spacing:-.025em
    }
    .mobile-menu ul{
        display:none;
        width:100%
    }
    .mobile-menu>li:first-child{
        padding-top:.5rem
    }
    .mobile-menu>li:last-child{
        padding-bottom:.5rem
    }
    .mobile-menu li a{
        display:block;
        position:relative;
        padding:1.3rem 0.6rem 1.3rem 1rem
    }
    .mobile-menu li i{
        display:inline-block;
        margin-bottom:1px;
        font-size:2rem;
        margin-right:1rem;
        line-height:0;
        vertical-align:middle
    }
    .mobile-menu li li a{
        padding-left:2.4rem
    }
    .mobile-menu li li li a{
        padding-left:3.6rem
    }
    .mobile-menu li:not(:last-child){
        border-bottom:1px solid #2e3237
    }
    .mobile-menu-title{
        margin-bottom:.5rem;
        text-transform:uppercase;
        font-size:1.4rem;
        font-weight:700;
        color:#fff
    }
    .mobile-menu-overlay{
        position:fixed;
        left:0;
        top:0;
        bottom:0;
        right:0;
        background:#000;
        opacity:0;
        transition:opacity .4s
    }
    .mobile-menu-close{
        position:fixed;
        left:calc(100vw - 50px);
        top:25px;
        z-index:10001;
        transition:opacity .3s;
        opacity:0
    }
    .mobile-menu-close i{
        font-size:2.8rem;
        color:#e1e1e1
    }
    .mmenu-anim{
        transform:translateY(30%)
    }
    .mmenu-anim,.mmenu-anim>li{
        transition:transform .4s, opacity .3s;
        transition-timing-function:cubic-bezier(0.5, 0, 0.3, 1)
    }
    .mmenu-anim>li:nth-child(0){
        opacity:0;
        transform:translateY(0px)
    }
    .mmenu-anim>li:nth-child(1){
        opacity:0;
        transform:translateY(50px)
    }
    .mmenu-anim>li:nth-child(2){
        opacity:0;
        transform:translateY(100px)
    }
    .mmenu-anim>li:nth-child(3){
        opacity:0;
        transform:translateY(150px)
    }
    .mmenu-anim>li:nth-child(4){
        opacity:0;
        transform:translateY(200px)
    }
    .mmenu-anim>li:nth-child(5){
        opacity:0;
        transform:translateY(250px)
    }
    .mmenu-anim>li:nth-child(6){
        opacity:0;
        transform:translateY(300px)
    }
    .mmenu-anim>li:nth-child(7){
        opacity:0;
        transform:translateY(350px)
    }
    .mmenu-anim>li:nth-child(8){
        opacity:0;
        transform:translateY(400px)
    }
    .mmenu-anim>li:nth-child(9){
        opacity:0;
        transform:translateY(450px)
    }
    .mmenu-anim>li:nth-child(10){
        opacity:0;
        transform:translateY(500px)
    }
    .mmenu-anim>li:nth-child(11){
        opacity:0;
        transform:translateY(550px)
    }
    .mmenu-anim>li:nth-child(12){
        opacity:0;
        transform:translateY(600px)
    }
    .mmenu-active{
        overflow:hidden
    }
    .mmenu-active .mmenu-anim>li,.mmenu-active .mmenu-anim{
        opacity:1;
        transform:translateY(0)
    }
    .mmenu-active .page-wrapper{
        margin-left:296px;
        margin-right:-296px
    }
    .mmenu-active .mobile-menu-wrapper{
        visibility:visible
    }
    .mmenu-active .mobile-menu-container{
        transform:translateX(0)
    }
    .mmenu-active .mobile-menu-overlay{
        opacity:.8
    }
    .mmenu-active .mobile-menu-close{
        opacity:1
    }
    @media (max-width: 400px){
        .mobile-menu-close{
            left:calc(100vw - 40px);
            top:10px
        }
    }
    .category-menu{
        background:#fef0e3
    }
    .category-menu .menu-title{
        padding:1.8rem 0.2rem 1.8rem;
        margin:0;
        text-transform:capitalize;
        font-size:1.8rem;
        font-weight:700;
        font-family:Poppins,sans-serif;
        line-height:1;
        letter-spacing:-.05em;
        color:#222
    }
    .category-menu .menu-body:last-child li:last-child{
        border:0
    }
    .category-menu i{
        vertical-align:middle;
        line-height:0;
        margin-right:1rem;
        padding-left:.2rem;
        font-size:2rem;
        color:#666
    }
    .category-menu>li>a{
        display:block;
        padding:1.2rem 0 1.3rem;
        font-weight:400;
        font-size:1.3rem;
        line-height:1.46;
        letter-spacing:-.01em;
        text-transform:capitalize;
        color:#675545
    }
    .category-menu>li:not(:last-child)>a{
        border-bottom:1px solid #f0e0d1
    }
    .category-menu li:hover>a:not(.menu-title){
        color:#0b3773
    }
    .category-menu li:hover>a:not(.menu-title) i{
        color:inherit
    }
    .category-menu .submenu>a::after{
        font-size:1rem
    }
    .category-menu .submenu .megamenu{
        min-width:68.5rem;
        padding:0 0 0 .9rem
    }
    .category-menu .submenu .megamenu>li{
        padding:0 1rem;
        flex:1
    }
    .category-menu .submenu .megamenu>li:last-child{
        padding-right:0;
        flex:none
    }
    .category-menu .submenu .megamenu .menu-title{
        padding:2.7rem 0rem 0.2rem;
        font-size:1.4rem;
        font-weight:600;
        text-transform:uppercase;
        letter-spacing:-.025em
    }
    .category-menu .submenu .megamenu .divider{
        height:1px;
        width:100%;
        margin:0
    }
    .category-menu .submenu .megamenu ul{
        position:relative;
        left:0;
        top:0;
        padding:0;
        font-size:1.3rem;
        opacity:1;
        visibility:visible;
        box-shadow:none;
        min-width:auto;
        z-index:auto;
        transform:none
    }
    .category-menu .submenu .megamenu ul li{
        padding:0;
        line-height:1.2
    }
    .category-menu .submenu .megamenu ul li a{
        padding:0.7rem 0
    }
    .category-menu .submenu .megamenu .menu-banner .banner-content{
        left:3rem
    }
    .category-menu .submenu .megamenu .menu-banner .banner-subtitle{
        font-size:1.4rem
    }
    .category-menu .submenu .megamenu .menu-banner .banner-title{
        font-size:2.4rem;
        line-height:1.2;
        margin-bottom:2.8rem
    }
    .category-menu .submenu .megamenu .menu-banner .btn-md{
        padding:0.7em 1.41em 0.7em 1.41em
    }
    .category-menu .submenu .megamenu .menu-banner5 .banner-content{
        top:2.6rem
    }
    .category-menu .submenu .megamenu .menu-banner5 .banner-subtitle{
        margin-bottom:1.1rem
    }
    .category-menu .submenu .megamenu .menu-banner5 .banner-title{
        line-height:1.25
    }
    .category-menu .submenu .megamenu.type2{
        display:block;
        min-width:88rem;
        padding:0 1rem 2rem
    }
    .category-menu .submenu .megamenu.type2 .menu-title{
        padding-top:1.5rem
    }
    .category-menu .submenu .megamenu.type2 figure{
        text-align:center
    }
    .category-menu ul{
        padding:2rem 0;
        background:#fff;
        font-family:Poppins,sans-serif;
        font-size:1.4rem;
        line-height:1.5;
        letter-spacing:0;
        color:#666
    }
    .footer{
        font-family:Poppins,sans-serif;
        font-size:1.3rem;
        background: #000;
    }
    .footer p{
        font-size:inherit
    }
    .footer a:not(.social-link):hover{
        color: #fff;
    }
    .footer .social-link{
        letter-spacing:.005em;
        color: #fff;
        border: 2px solid #fff;
    }
    .footer .social-link:hover{
        color:#fff
    }
    .footer .widget-title{
        border-bottom:none
    }
    .logo-footer,.logo-footer img{
        display:block
    }
    .footer-top{
        padding:4rem 0;
        border-bottom:1px solid #333
    }
    .footer-middle{
        padding:4.2rem 0 1.8rem;
        border-bottom:1px solid #333
    }
    .footer-middle .widget{
        margin-bottom:3rem
    }
    .footer-middle .widget-title{
        padding:0.6rem 0;
        margin-bottom:.9rem;
        font-family:
        inherit;
        font-size:1.6rem;
        font-weight:600;
        letter-spacing:0;
        text-transform:
        capitalize;
        color: #fff;
    }
    .footer-middle .widget-body{
        padding:8px 0 0;
        color: #000;
    }
    .footer-middle .widget-body li{
        line-height:1.2;
        margin-bottom:15px
    }
    .footer-middle .widget-body li:last-child{
        margin-bottom:0
    }
    .footer-middle .widget-instagram .widget-body{
        padding-top:0;
        margin:-5px
    }
    .footer-middle .widget-instagram .col-3{
        padding:5px
    }
    .footer-middle .widget-instagram img{
        display:block;
        width:100%;
        height:auto
    }
    .footer-middle label{
        font-weight:500;
        text-transform:
        uppercase;
        color: #fff;
    }
    .widget.widget-info a{
        font-weight:500
    }
    .footer-main{
        padding:2.6rem 0 0.4rem
    }
    .footer-bottom{
        padding:2.6rem 0 3rem
    }
    .footer-bottom,.footer-bottom .container,.footer-bottom .container-fluid{
        display:flex;
        align-items:center
    }
    .footer-bottom .footer-left,.footer-bottom .footer-right{
        flex:1
    }
    .footer-bottom .footer-left{
        display:flex
    }
    .footer-bottom .footer-right{
        display:flex;
        justify-content:flex-end
    }
    @media (max-width: 991px){
        .footer-top .logo-footer{
            margin-bottom:2.7rem
        }
        .footer-top .logo-footer img{
            margin-left:auto;
            margin-right:auto
        }
        .newsletter-info{
            margin-bottom:2rem
        }
        .footer-middle{
            padding:4.8rem 0 4.8rem
        }
        .footer-middle .widget-body{
            padding:0
        }
        .footer-bottom,.footer-bottom>.container{
            display:block
        }
        .footer-bottom .footer-left,.footer-bottom .footer-right{
            justify-content:center
        }
        .footer-bottom .footer-left,.footer-bottom .footer-center{
            margin-bottom:2.7rem
        }
        .footer-center{
            text-align:center
        }
    }
    .footer .copyright{
        margin:0;
        font-size:1.4rem;
        font-weight:500;
        letter-spacing:-.01em;
        line-height:1.5
    }
    .widget-newsletter .newsletter-info{
        max-width:35rem;
        width:100%
    }
    .widget-newsletter .input-wrapper-inline{
        height:4.9rem
    }
    .widget-newsletter .input-wrapper{
        max-width:48rem
    }
    .widget-newsletter input{
        min-height:100%;
        border:0;
        border-radius:.3rem;
        color:#999;
        background:#2c2c2c
    }
    .widget-newsletter .widget-title{
        padding:0;
        margin-bottom:.5rem;
        font-family:inherit;
        font-size:2rem;
        font-weight:600;
        letter-spacing:-.015em;
        text-transform:inherit;
        line-height:1;
        color:#fff
    }
    .widget-newsletter p{
        margin-bottom:.1rem;
        font-family:inherit;
        font-size:1.4rem;
        letter-spacing:-.005em;
        line-height:1.23;
        color:#999
    }
    .widget-newsletter .btn{
        padding:1.2em 1.33em 1.07em
    }
    .widget-newsletter .btn i{
        font-size:1.6rem;
        margin:-.4rem 0 0 .6rem
    }
    .footer .widget-category .category-box{
        display:flex;
        flex-wrap:wrap;
        align-items:end;
        margin-bottom:2rem
    }
    .footer .widget-category .category-name{
        margin-bottom:0;
        margin-right:2.4rem;
        font-size:1.4rem;
        letter-spacing:0;
        color:#ccc
    }
    .footer .widget-category a{
        display:inline-block;
        position:relative;
        margin-right:2rem;
        font-size:1.3rem;
        font-weight:400;
        color:#999
    }
    .footer .widget-category a::before{
        content:"";
        position:absolute;
        left:0;
        bottom:-1px;
        width:100%;
        border-bottom:1px solid;
        transform:scaleX(0);
        transition:transform 0.3s
    }
    .footer .widget-category a:hover::before{
        transform:scale(1)
    }
    .footer .widget-category a:not(:last-child)::after{
        content:"";
        position:absolute;
        height:14px;
        margin-left:1rem;
        top:50%;
        border-left:1px solid #454545;
        transform:translateY(-50%)
    }
    .footer .widget-about .logo-footer{
        display:block;
        margin-bottom:1.6rem
    }
    .footer .widget-about p{
        margin-bottom:3rem;
        color:#999;
        line-height:1.85;
        letter-spacing:-.025em
    }
    .footer .widget-about .widget-body{
        padding:0
    }
    .payment img{
        display:block
    }
    .sticky-footer{
        display:flex
    }
    .sticky-footer>*{
        flex:1
    }
    .sticky-footer .search-toggle{
        padding:0;
        color:inherit
    }
    .sticky-footer .header-search.show,.sticky-footer .header-search:hover{
        color:#222
    }
    .sticky-footer .hs-toggle .input-wrapper{
        min-width:29rem;
        right:1.5rem;
        margin-bottom:2rem
    }
    .sticky-link{
        display:flex;
        flex-direction:column;
        align-items:center;
        margin:1.5rem 0 1.3rem
    }
    .sticky-link i{
        width:2.3rem;
        height:2.4rem;
        text-align:center;
        font-size:2.3rem;
        color: #071330;
        line-height:1;
        transform:translateY(0);
        transition:transform .35s ease
    }
    .sticky-link i.d-icon-search{
        font-size:1.9rem
    }
    .sticky-link span{
        margin-top:.8rem;
        font-size:1rem;
        color: #071330;
        line-height:1;
        letter-spacing:.025em;
        text-transform:uppercase
    }
    .sticky-link.active{
        color:#222
    }
    .sticky-link:hover{
        color:#222
    }
    .sticky-link:hover i{
        transform:translateY(-5px)
    }
    @media (min-width: 576px){
        .sticky-footer{
            padding:0 4rem
        }
    }
    @media (min-width: 768px){
        .sticky-footer{
            display:none
        }
      
    }
    @media (max-width: 991px){
        .footer-middle .row>div:last-child .widget{
            margin-bottom:1rem
        }
    }
    .cta-simple{
        position:relative;
        overflow:hidden;
        background-color:#edeef0
    }
    .cta-simple::before{
        content:'';
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:50%;
        padding-top:50%;
        background:linear-gradient(135deg, #08c 0%, #0b3773 50%, transparent 50.1%)
    }
    .cta-simple .banner-content{
        position:relative;
        margin:1.5rem;
        padding:3.4rem 0;
        z-index:3
    }
    .cta-simple .banner-header{
        position:relative;
        max-width:29.1%;
        flex:0 0 29.1%;
        text-align:right
    }
    .cta-simple .banner-header::after{
        content:'';
        position:absolute;
        top:50%;
        right:0;
        transform:translateY(-50%);
        width:.5rem;
        height:9rem;
        background-color:#edeef0
    }
    .cta-simple .banner-text{
        flex-grow:1
    }
    .cta-simple .banner-title{
        margin-bottom:.2rem;
        font-size:3em
    }
    .cta-simple .banner-subtitle{
        margin-bottom:0;
        font-size:2em
    }
    .cta-simple .banner-text h4{
        font-size:2em;
        line-height:1.3
    }
    .cta-simple .btn{
        position:relative;
        margin-right:5.2rem;
        padding:1.38em 2em;
        min-width:18rem;
        overflow:hidden;
        background:transparent;
        transition:opacity .3s;
        border:0
    }
    .cta-simple .btn::before{
        content:'';
        display:block;
        position:absolute;
        left:-100%;
        width:200%;
        top:0;
        bottom:0;
        z-index:-1;
        background:linear-gradient(90deg, #0b3773, #08c, #0b3773);
        transition:left .3s
    }
    .cta-simple .btn:hover::before{
        left:0
    }
    .banner-1 img,.banner-2 img{
        min-height:30rem;
        object-fit:cover
    }
    .banner-1{
        background-color:#4f4f4f
    }
    .banner-1 .banner-title{
        margin-bottom:1.1rem;
        font-size:4em
    }
    .banner-1 .banner-subtitle{
        margin-bottom:1rem;
        white-space:nowrap;
        font-size:3em
    }
    .banner-1 p{
        margin-bottom:2.4rem;
        font-size:1.6em;
        line-height:1.25
    }
    .banner-1 .btn{
        padding:.77em 1.12em
    }
    .banner-2{
        background-color:#2b579a
    }
    .banner-2 .banner-content{
        width:69%
    }
    .banner-2 .banner-title{
        font-size:3em;
        line-height:1.06
    }
    .banner-2 p{
        margin-bottom:1.6rem;
        font-size:1.6em;
        line-height:1.2
    }
    .banner-2 input.form-control{
        border:none;
        background-color:rgba(255,255,255,0.3);
        border-radius:2rem
    }
    .banner-2 .btn{
        padding:.77em 1.35em
    }
    .banner-2 .btn:hover,.banner-2 .btn:active,.banner-2 .btn:focus{
        border-color:#fff
    }
    .banner-group .banner-title{
        font-size:3em;
        line-height:1.2;
        letter-spacing:-.02em
    }
    .banner-group .banner-subtitle{
        margin-bottom:1.8rem;
        font-size:1.4em;
        line-height:1.2;
        letter-spacing:.01em
    }
    .banner-group .btn{
        font-weight:500
    }
    .banner-group .btn i{
        margin-left:.8rem;
        font-size:1.9rem;
        vertical-align:middle
    }
    .banner-group img{
        min-height:22rem;
        object-fit:cover
    }
    .banner-3{
        background-color:#ccc
    }
    .banner-3 .banner-content{
        left:7.8%
    }
    .banner-4{
        background-color:#ccc
    }
    .banner-4 .banner-content{
        padding:0 2.9rem
    }
    .banner-4 .banner-content>div{
        padding-top:.2rem
    }
    .banner-4 .banner-subtitle{
        margin-bottom:-0.4rem;
        letter-spacing:-.0428em;
        line-height:1.3
    }
    .banner-4 .banner-subtitle span{
        font-family:'Segoe Script', sans-serif;
        font-size:1.71em
    }
    .banner-4 .banner-title{
        font-size:5em
    }
    .banner-4 .btn{
        padding:1.5em 2.1em 1.5em 2.1em;
        font-size:1.2rem
    }
    .banner-5{
        background-color:#ccc
    }
    .banner-5 .banner-content{
        right:10.5%
    }
    .banner-newsletter{
        border:2px solid #0b3773
    }
    .banner-newsletter .banner-content{
        padding:1.8rem 0
    }
    .banner-newsletter .icon-box{
        justify-content:flex-start
    }
    .banner-newsletter .icon-box p{
        line-height:1.43;
        letter-spacing:.01em
    }
    .banner-newsletter .icon-box-icon{
        margin:0 2.4rem 0 0;
        font-size:4.5rem
    }
    .banner-newsletter .icon-box-title{
        font-size:1.8rem;
        line-height:.9
    }
    .banner-newsletter .input-wrapper{
        height:4.8rem
    }
    .banner-newsletter .input-wrapper .form-control{
        border:1px solid #e4e4e4;
        border-right:0
    }
    .banner-newsletter .input-wrapper .btn{
        padding:1em 2.7em
    }
    .banner-background{
        padding:9.4rem 0 10.3rem;
        background-color:#6b6b6b
    }
    .banner-background .banner-subtitle{
        margin-bottom:1.6rem;
        font-family:'Segoe Script', sans-serif;
        font-size:3em;
        line-height:1.6
    }
    .banner-background .banner-title{
        margin-bottom:.7rem;
        font-size:5em;
        letter-spacing:-.025em
    }
    .banner-background p{
        margin-bottom:2.8rem;
        font-weight:500;
        font-size:1.8em
    }
    .banner-background .input-wrapper{
        max-width:60rem;
        width:100%;
        height:4.8rem
    }
    .banner-background .input-wrapper .form-control{
        position:relative;
        flex:1;
        padding-left:2.4rem;
        border:1px solid #e7e7e7;
        border-right:0;
        font-size:1.2rem
    }
    .banner-background .input-wrapper .btn{
        min-width:12.3rem
    }
    .banner-background .btn{
        padding:1.22em 2.7em;
        font-weight:600
    }
    .label-star{
        align-items:center;
        padding:9px 7px 5px;
        border-radius:.3rem;
        line-height:1
    }
    .label-star::before,.label-star::after{
        animation:4s linear 0s infinite rotateStar;
        content:'\f005';
        display:inline-block;
        margin:.5rem .5rem .5rem 1.5rem;
        vertical-align:middle;
        font-family:'Font Awesome 5 Free';
        font-size:.467em;
        font-weight:400
    }
    .label-star::before{
        margin-left:.5rem;
        animation-direction:reverse
    }
    @media (max-width: 991px){
        .cta-simple .banner-content{
            text-align:center
        }
        .cta-simple .banner-header{
            max-width:100%;
            text-align:center
        }
        .cta-simple .banner-header::after{
            height:.5rem;
            width:80%;
            top:100%;
            right:auto;
            left:50%;
            transform:translateX(-50%)
        }
        .cta-simple .banner-text{
            max-width:100%;
            flex:0 0 100%
        }
        .cta-simple .btn{
            margin:0
        }
        .banner-2 .banner-content{
            width:100%;
            padding:0 3rem
        }
        .banner-newsletter .icon-box{
            justify-content:center
        }
    }
    @media (max-width: 991px){
        .banner-4 .banner-content{
            display:block !important
        }
    }
    @media (max-width: 575px){
        .banner{
            font-size:.9rem
        }
        .banner-group .banner{
            font-size:1.2rem
        }
        .banner-newsletter .icon-box{
            display:block;
            text-align:center
        }
        .banner-newsletter .icon-box-icon{
            margin-right:0;
            margin-bottom:1rem
        }
        .banner-newsletter .icon-box-content{
            text-align:center
        }
    }
    @media (max-width: 479px){
        .banner-group .banner{
            font-size:1rem
        }
    }
    .posts{
        transition:height .4s
    }
    .posts .post-meta a:not(:first-child){
        margin-left:.5rem
    }
    .posts .post-cats{
        margin-bottom:1.6rem
    }
    .posts .btn::after{
        margin-top:4px
    }
    .posts .video-play{
        text-align:center;
        width:6.8rem;
        height:6.8rem;
        border:2px solid #fff;
        border-radius:50%;
        font-size:1.8rem;
        font-weight:600;
        line-height:6.4rem;
        transition:background .3s, color .3s, box-shadow .3s, opacity .3s
    }
    .posts .video-play:hover{
        box-shadow:0px 0px 0px 15px rgba(255,255,255,0.2);
        background:#fff;
        color:#0b3773
    }
    .posts .post.paused .video-play::before,.posts .post .video-play::before{
        margin-left:4px;
        content:'\f04b'
    }
    .posts .post.playing .video-play::before{
        margin-left:0;
        content:'\f04c'
    }
    .posts .btn i{
        margin-left:.3rem;
        font-size:1.4rem
    }
    .posts .post-classic .post-content,.posts .post-list .post-content,.posts .post-grid .post-content{
        line-height:1.85
    }
    .posts .post-classic .post-details{
        padding:3.8rem .5rem 2rem
    }
    .posts .post-classic .post-title{
        margin-bottom:1.4rem
    }
    .posts .post-classic .post-content{
        margin-bottom:2.8rem
    }
    .posts .post-list .post-details{
        padding-top:3.8rem
    }
    .posts .post-grid{
        margin-bottom:1.5rem
    }
    .posts .post-grid .post-details{
        padding-left:.5rem;
        padding-right:.5rem
    }
    .posts .post-grid .post-meta{
        margin-bottom:.4rem
    }
    .posts .post-grid .post-content{
        margin-bottom:2.8rem
    }
    .post-slider .owl-stage-outer{
        padding:3rem 2rem;
        margin:-3rem -2rem
    }
    @media (min-width: 1600px){
        .post-slider .owl-stage-outer{
            padding:5rem;
            margin:-5rem
        }
        .post-slider .post-frame{
            box-shadow:0px 5px 50px 0px rgba(0,0,0,0.05)
        }
    }
    @media (min-width: 1200px){
        .posts .post-list .post-media{
            margin-right:2rem;
            width:calc(42.74% - 2rem)
        }
        .posts .post-list .post-details{
            width:57.26%
        }
    }
    @media (max-width: 991px){
        .posts .post-list{
            display:block
        }
        .posts .post-list .post-media,.posts .post-list .post-details{
            margin:0;
            width:100%
        }
    }
    .intro-slider .banner img,.intro-slider .banner video{
        height:63rem;
        object-fit:cover
    }
    .intro-slider .banner figure{
        height:63rem;
        overflow:hidden
    }
    .intro-slider .banner .btn{
        font-size:1.4em
    }
    .intro-slider .banner .btn i{
        margin-left:.7rem
    }
    .intro-slide1.banner-fixed>.container{
        z-index:15
    }
    .intro-slide1 .banner-content{
        left:2.1%;
        margin-top:-.5rem
    }
    .intro-slide1 .banner-subtitle{
        margin-bottom:1.3rem;
        font-family:'Segoe Script';
        font-size:3em
    }
    .intro-slide1 .label-star{
        margin-left:1.4rem
    }
    .intro-slide1 .banner-title{
        margin-left:-2px;
        font-size:6.4em;
        margin-bottom:0
    }
    .intro-slide1 h3{
        margin:-0.7rem 0 0.6rem;
        font-size:5.6em
    }
    .intro-slide1 p{
        font-weight:500;
        font-size:1.6rem;
        line-height:1.4
    }
    .intro-slide2 img{
        object-position:80%
    }
    .intro-slide2 .banner-content{
        max-width:38rem;
        right:5.5%;
        margin-top:-0.3rem
    }
    .intro-slide2 .banner-subtitle{
        font-size:2.4em;
        line-height:1.1
    }
    .intro-slide2 .banner-subtitle strong{
        font-size:1.67em;
        line-height:.98
    }
    .intro-slide2 .banner-title{
        font-size:10em;
        margin-right:-2px
    }
    .intro-slide2 p{
        font-size:1.8em;
        line-height:1.33
    }
    .intro-slide3 .banner-subtitle{
        font-size:3em
    }
    .intro-slide3 .banner-title{
        font-size:6em
    }
    .intro-slide3 p{
        font-weight:300;
        opacity:.8;
        font-size:1.8em;
        line-height:1.4
    }
    .intro-slide3.video-banner video{
        display:block;
        width:100%
    }
    .intro-slide3 figure::after{
        content:'';
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        background:rgba(43,151,223,0.3);
        z-index:1
    }
    .service-list{
        box-shadow:0 5px 30px rgba(0,0,0,0.07)
    }
    .service-list .icon-box{
        padding:3.2rem 0 3.5rem
    }
    .service-list .icon-box-title{
        margin-bottom:.3rem
    }
    .service-list .icon-box-icon{
        font-size:3.7rem
    }
    .service-list .icon-box1 i{
        font-size:4.6rem
    }
    .service-list .owl-item:not(:last-child) .icon-box::after{
        content:'';
        height:37px;
        width:1px;
        background:#e1e1e1;
        position:absolute;
        right:0;
        top:50%;
        transform:translateY(-50%)
    }
    .service-list .owl-stage-outer{
        margin:0 .1rem
    }
    .service-list .owl-stage{
        margin:0 -.1rem
    }
    .banner-divider{
        width:35px;
        height:4px;
        margin:0 0 1.6rem 0;
        background-color:#fff
    }
    .owl-theme .owl-nav .owl-prev,.owl-theme .owl-nav .owl-next{
        width:2.4rem;
        font-size:2rem
    }
    .brand-carousel{
        padding:2rem 0;
        border-top:1px solid #e1e1e1;
        border-bottom:1px solid #e1e1e1
    }
    .product-widget-wrapper .widget-title{
        padding:3rem 0 .5rem;
        font-size:2rem;
        letter-spacing:-.005em;
        color:#444;
        text-transform:none
    }
    .product-widget-wrapper .product-name{
        margin-bottom:.3rem
    }
    .product-widget-wrapper .product-price{
        font-size:1.6rem
    }
  
    @media (max-width: 1366px){
        
         .footer-bottom .footer-center,.footer-bottom .footer-left{
        margin-bottom:2rem
        margin: auto;
    }
        
        
        
        .intro-slider figure{
            height:45rem
        }
    }
    @media (max-width: 991px){
        .service-list .owl-item:not(:last-child) .icon-box::after{
            content:none
        }
    }
    @media (max-width: 575px){
        .intro-slide1 img{
            object-position:53%
        }
        .intro-slide2 img{
            object-position:60%
        }
        .banner{
            font-size:.8rem
        }
        .brand-carousel{
            padding:0
        }
    }
    @media (max-width: 479px){
        .intro-slide1 .banner-title{
            font-size:5.5em
        }
        .intro-slide1 .banner-content{
            width:100%;
            left:auto
        }
        .service-list .icon-box-icon{
            margin-right:.7rem
        }
    }
    @media (max-width: 991px){
        .video-banner video{
            height:100%;
            min-height:55rem
        }
    }
     .category img {
         display: block;
         width: 100%;
         height: 280px;
         margin-left: auto;
         margin-right: auto;
         border-radius: 0.3rem;
    }
     #check_login_singup{
         background-color: #0b3773!important;
    }
     ins.new-price {
         color: #d26e4b;
    }
    /*.product{
         height: 370px!important;
    }
     .product img{
         height: 280px!important;
    }
    */
     .product-name a{
         color: #000000;
    }
     .intro-slider .banner figure {
         height: 40rem;
         overflow: hidden;
    }
     .intro-slider .banner img, .intro-slider .banner video {
         height: 40rem;
         object-fit: cover;
    }
     a#scroll-top {
         background-color: #2266cc;
    }
     .category-default1:hover .category-content {
         background-color: #0b3773!important;
    }
     input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
         opacity: 1;
    }
     input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
         -webkit-appearance: auto!important;
         margin: 0;
    }
     .cart_increment{
         border: 1px solid #000!important;
    }
     .cart_increment{
         padding: 0px 10px;
    }
     .input-group-text {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-align: center;
         align-items: center;
         padding: 0px 17px!important;
         margin-bottom: 0;
         font-size: 13px;
         font-weight: 600;
         line-height: 1.5;
         color: #ffffff;
         text-align: center;
         white-space: nowrap;
         background-color: #15e7ae;
         border-radius: 0.25rem;
    }
     .text-light {
         color: #f8f9fa!important;
    }
     .product-price .old-price {
         padding: 9px;
         color: #aaa;
    }
     div#show_products_with_filter .product {
         height:403px!important;
         background-color: #fff;
    }
     div#show_products_with_filter img {
         height:300px!important;
         border-bottom: 1px solid;
    }
    
     #add_to_wishlist:hover{
         border: red;
         background-color: red;
         color: #fff;
    }
     h4{
         font-size: 18px!important;
    }
     nav{background-color: #15e7ae !important;}
     .nav-item .dropdown:hover .dropbtn {
         background-color: #7dcde5!important;
    }
     .dropdown-content {
         color:black!important;
         box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 23%);
    }
     .dropdown-content a {
         padding: 9px 20px;
         border-bottom:1px solid #ccc;
    }
     .dropdown-content a:hover {
         color: #1a0dab;
    }
     .user-aside {
         color:black!important;
    }
     #account label{
         color: black!important;
    }
     #check_login_singup{
         border-radius: 30px;
    }
     .edit_profile_btn{
         border-radius: 30px;
         border: none;
         background: #f6d1dc;
    }
    .edit_profile_btn:hover{
        color: #fff;
        }
      .update-pass{
          border: none;
         background: #f6d1dc;
      }  
      .update-pass:hover{
        color: #fff;
        }
        .apply-cou-btn{
             border: none;
         background: #0b3773;
        }
        .apply-cou-btn:hover{
        color: #fff;
        }
     .product-details .btn-cart, .product-hide-details .btn-cart {
         width: 58%!important;
         border-radius: 10px !important;
         background-color:#f0ce14 !important;
         border: none;
         display: block;
         /* max-width: 100%!important; */
         /* line-height: 2.9;
         */
         /* padding: 0 7px; */
         /* text-align: center; */
         white-space: nowrap;
         /* overflow: hidden; */
         font-size: 14px;
         /* text-overflow: ellipsis; */
         color: #222;
/*         background-color: #000 !important;*/
         /* border: 2px solid #ccc;
         */
         margin-right: 5px;
         /* border-radius: 30px;
         */
         border-radius: 30px;
    }
    
     .product-details .btn-cart, .product-hide-details .btn-cart {
         flex: 1;
         /*height: 3.2rem!important;*/
         font-size: 14px!important;
         transition: color .3s, background-color .3s, border-color .3s;
         z-index: 1;
         color: #ffffff;
    }
     .product-label.label-sale {
         background: #bd8a12;
         color: #fff;
    }
     .dropdown:hover .dropdown-content {
         display: block;
         z-index: 99999999!important;
         background-color: #ffffff!important;
    }
     #datatabel table td, table th {
         padding:5px!important;
    }
     .order_wrapper {
         border:2px solid #fffdfd;
         background: #fff!important;
         margin:25px;
         padding:25px;
    }
     .cart-left{
         background-color: #fff!important;
    }
     .cart-right{
         background-color: #fff!important;
    }
     td.cart-total-div {
         width: 75%!important;
    }
     .btn-checkout{
         background: #15db6d;
         border: none;
         border-radius: 30px!important;
    }
     .cont-shop{
         background: #4ebcd0;
         border: none;
         border-radius: 30px!important;
    }
     .cart_increment{
         padding:10px;
         border: 1px solid #ccc!important;
         width: 70px;
         height: 29px;
    }
     .custom-control{
         padding-left: 0px!important;
    }
     .hrline{
         background-color: #ccc!important;
         height: 1px!important;
    }
     .carousel-item img{
         height: 100%;
    }
     .product-shad{
         padding: 5px;
         border: 1px solid #ccc;
    }
    /*.main_colum{
         filter: drop-shadow(2px 4px 6px black);
    }
    */
    /* The side navigation menu */
     .sidenav {
         height: 100%;
        /* 100% Full-height */
         width: 0;
        /* 0 width - change this with JavaScript */
         position: fixed;
        /* Stay in place */
         z-index: 99999999;
        /* Stay on top */
         top: 0;
        /* Stay at the top */
         left: 0;
         background-color: #f9f9f9;
        /* Black*/
         overflow-x: hidden;
        /* Disable horizontal scroll */
         padding-top: 60px;
        /* Place content 60px from the top */
         transition: 0.5s;
        /* 0.5 second transition effect to slide in the sidenav */
    }
    /* The navigation menu links */
     .sidenav a {
         padding: 5px 8px 8px 20px;
         text-decoration: none;
         font-size: 16px;
         color: #000000;
         display: block;
         transition: 0.3s;
    }
     .head-mid input{
         border: 1px solid #ccc!important;
         color: black!important;
    }
    /* When you mouse over the navigation links, change their color */
     .sidenav a:hover {
         color: #febd69;
    }
    /* Position and style the close button (top right corner) */
     .sidenav .closebtn {
         position: absolute;
         top: 0;
         right: 25px;
         font-size: 36px;
         margin-left: 50px;
    }
    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
     #main {
         transition: margin-left .5s;
         padding: 20px;
    }
     .new-nav{
         display: none;
    }
     .main-nav {
         margin: 0px 0 0 0rem;
    }
     .form-control:focus {
         box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%);
    }
    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
     @media screen and (max-height: 450px) {
         .sidenav {
            padding-top: 15px;
        }
         .sidenav a {
            font-size: 18px;
        }
    }
     @media(max-width: 991px){
        /* .exzoom_img_ul_outer{
            width: 290px!important;
         }
         .exzoom_img_ul{
            width: 290px!important;
         }
         .exzoom_img_ul li{
            width: 290px!important;
         }*/
         .new-nav{
             display: block;
        }
         .head-left{
             width: 37%!important;
        }
         .account-div{
             padding-left: 2.5rem !important;
             line-height: 14px;
        }
         .order-div{
             padding-left: 1.4rem !important;
        }
         .head-right{
             width: 64%!important;
        }
         .cart-div{
             padding-left: 1rem;
        }
         .head-mid.pt-2 {
             left: 80px!important;
             position: absolute;
             top: 56px;
             z-index: 9999;
        }
         #outer_cart_count img{
             margin-left: 11rem!important;
             margin-top: 1.5rem !important;
        }
         .inner_cart_count span{
             left: 138px!important;
        }
         .header-logo {
             padding: 0px 0px 0 0px!important;
             margin: 1px;
        }
         .main-nav{
             display: none;
        }
         .form-row{
             margin-right: -61px;
             margin-left: -33px;
        }
         
    }
     @media(max-width: 1050px){
         .new-nav{
             display: block;
        }
        .form-row {
        margin-right: -75px!important;
        margin-left: -33px!important;
    }
        .head-mid.pt-2 {
        left: 120px!important;
        position: absolute!important;
        top: 88px!important;
        z-index: 9999;
    }
         .head-left{
             width: 37%!important;
        }
         .account-div{
             padding-left: 2.5rem !important;
             line-height: 14px;
             margin-top: 5px;
        }
         .order-div{
             padding-left: 1.4rem !important;
        }
         .head-right{
             width: 64%!important;
        }
         .cart-div{
             padding-left: 1rem;
        }
         .head-mid.pt-2 {
             left: 120px;
             position: absolute;
             top: 88px;
             z-index: 9999;
        }
         #outer_cart_count img{
             margin-left: 11rem!important;
             margin-top: 1.5rem !important;
        }
         .inner_cart_count span{
             left: 138px!important;
        }
         .header-logo {
             padding: 0px 0px 0 0px!important;
             margin: 1px;
        }
         .main-nav{
             display: none;
        }
         .form-row{
             margin-right: -75px;
             margin-left: -33px;
        }
    
        .product-details .btn-cart{
            width: 100%;
        }
        .sticky-content-wrapper{
          display: block!important;
          position: fixed!important;  
        }
    }
     @media(max-width: 768px){
        .sticky-content-wrapper{
          display: block!important;
          position: fixed!important;  
        }
        
        
         .mblpdsss p
         {
             line-height:normal;
         }
        .mblpdsss  small
        {
            font-size:13px !important;
        }
        .mblpdsss .my-auto
        {
                 margin: 20px 0 !important;
                 line-height: normal;
        }
        
        
        
        .mblpdsss
        {
            top :0 !important;
            right:-20px !important;
        }
        .form-row.align-items-center {
        position: absolute !important;
        top: 9.5% !important;
        display: none;
        right: 24%!important;
        width: 240px!important;
    }
        .head-right {
        width: 64% !important;
        position: absolute;
        top: 0% !important;
        right: 0;
    }
         .header-logo{
             padding: 0px 0px 0 0px;
        }
         .account-div{
             line-height: 13px;
        }
         .account-div p{
             font-size: 12px!important;
        }
         .order-div{
             padding-left: 2rem;
        }
         .order-div p{
             font-size: 14px!important;
             display: none;
        }
         .header-logo {
             padding: 0px 0px 0 0px!important;
             margin-left: 16px!important;
        }
         .cart-div{
             padding-left: 14px;
        }
    }
     .buy-now{
         color: #000;
         border-color: #d26e4b;
         background-color: #d26e4b;
         border-radius: 30px;
    }
    span.price {
        color: #000000;
    }
    .btn,button{
        border-radius:25px!important;
    }
    .add_to_cart_btn_home{
        background-color: #00aaff !important;
        color:#ddc161;
        font-weight: 600;
    }
    .add_to_cart_btn_home:hover{
        color: #181515  !important;
    }
    div#show_products_with_filter .product {
        height: 350px!important;
        background-color: #fff;
            margin-bottom: 20px;
    }
    
    .order-ul-div ul{
        list-style: none;display: flex;
        border-bottom: 1px solid #ccc;
    }
    .order-ul-div ul li{
        padding: 20px 20px 10px 20px;
    
    }
    .order-del-main{
        background-color: #ccc;
        padding: 15px;
    }
    .orderlist li{
        padding: 5px;
        border-bottom: 1px solid #ccc;
        font-weight: 600;
        font-size: 17px;
    }
    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #061c4b;
        border-color: #ffa41c;
    }
    
    .product-shad {
        border-radius: 34px;
    height: 100%;
    
        box-shadow: #f3f0f0 1px 1px 6px 5px;
    }
    
    .add_to_cart_btn :hover{
        color:#fff!important;
    }
    #conpayment{
        border:none;
        color: black;
        background-color: #f6d1dc!important;
    
    }
    #conpayment:hover{
        color: #fff;
    }
    .custom-control-input:checked~.custom-control-label::before {
        border-color: none!important;
        background-color: transparent!important;
    }
    .custom-radio .custom-control-input:checked~.custom-control-label::after {
        background-image: none!important;
    }
    .btn-danger:hover{
        color: #000!important;
    }
    /*.footer-middle a, p{
        color: #fff!important;
    }*/
    
    
    
    .product-name span{
        color: #000!important;
    }
    .order-div p{color: #000;}
    ul.footer-image img {
        width: 175px!important;
        margin-top: 16px!important;
    }
    .footer-middle .widget-body a{
        color: #fff;
    font-weight: 600;
    }
    .copyright{
        color: #fff;
    }
       /*@media(max-width: 768px){
    }
    .promo-block--header { font-size: 20px!important;}
    p.promo-block--text.text-dark {margin-bottom: -53px!important;font-size: 12px!important;}
    .text-block {bottom: 59px!important;}
    span.button-primary.promo-block--button { margin-left: -5px!important;padding: 10px!important; font-size: 10px!important;}
    .shop_button { position: relative!important; left: 240px!important;top: 36px!important;}
      }*/
    
         /*@media(max-width: 540px){
    .search-header {  position: relative; top: 42px!important;}
    .promo-block--header { font-size:25px!important;}
    p.promo-block--text.text-dark {margin-bottom: -53px!important;font-size: 18px!important;}
    .text-block { bottom: 96px!important;}
    span.button-primary.promo-block--button { margin-left: -5px!important;padding: 15px!important; font-size: 12px!important;}
    .shop_button { position: relative!important; left: 308px!important; top: 73px!important;}
      }
    
       @media(max-width: 360px){
    .promo-block--header { font-size:18px!important;}
    p.promo-block--text.text-dark {margin-bottom: -53px!important;font-size: 10px!important;}
    span.button-primary.promo-block--button { margin-left: -5px!important;padding: 10px!important; font-size: 10px!important;}
    .shop_button { position: relative!important;left: 214px!important;top: 73px!important;}
      }*/
    @media (min-width: 991px) and (max-width: 991px){
        .promo-block--header { font-size:18px!important;}
    p.promo-block--text.text-dark {margin-bottom: -53px!important;font-size: 10px!important;}
    span.button-primary.promo-block--button { margin-left: -5px!important;padding: 10px!important; font-size: 10px!important;}
    .shop_button { position: absolute!important;top: 90px;}
    
    
    }
    figure.product-image img{
        height:500px!important;
        object-fit:contain;
    }
    
    .product-thumb img{
            height:90px!important;
            width:90px;
        object-fit:contain;
    }
    .social-link.social-insta:hover {
        background: #f14d70;
        border-color: #f14d70;
    }
    .grid-head h2 {
    font-size: 18px;
    color: #00aaff;
    font-weight: 800;
}
.product-grid .product-image img {
    width: 100%;
    height: auto;
}
.product-image img {width: 100%;}
.product-grid .title {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0px;
    font-family: math;
    text-transform: capitalize;
    margin: 0;
}
.product-content p {
    margin: 0px;
}
.product-grid {
    text-align: center;
    box-shadow: rgb(0 0 0 / 16%) 3px 3px 16px 3px;
    padding: 10px 10px;
}
.product-grid {
    font-family: 'Signika Negative', sans-serif;
    border-radius: 10px;
    border: 1px solid transparent;
    overflow: hidden;
    transition: all 0.4s ease 0s;
}ul.divide-bx {
    display: inline-flex;
}
ul.divide-bx li {
    width: 20%;
    list-style-type: none;
    background: #ffffff;
    margin: 10px 10px;
    box-shadow: 1px 5px 30px 0px rgb(0 0 0 / 9%);
    padding: 14px 6px;
}
ul.divide-bx li img {
    max-width: 60px;
}
section.p-section {
    padding: 40px 10px;
}
ul.divide-bx li h3 {
    font-size: 16px;
    margin: 10px 0px;
    text-align: center;
    color: #de1412;
    font-weight: 700;
}
ul.divide-bx li p {
    font-size: 14px;
    margin: 10px 0px;
    text-align: center;
    color: #000;
}
.main_colum.p-2 {
    background: #fbfbfb;
    box-shadow: 1px 5px 30px 0px rgb(0 0 0 / 9%);
    border: 1px solid #9b9b9b;
}
small {
    color: #000;
    font-weight: 700;
    font-size: 12px;
    margin-top: 10px !important;
}

a.button-g {
    color: #000;
    font-weight: 900;
    margin: 0px 10px;
}

form#contactForm {
    background: #cdc9c9;
    padding: 20px;
}
.bars-k {
    font-size: 20px;
    color: #000;
}
span.span-hh {
    position: absolute;
    left: 20px;
    background: #00517e;
    top: 12px;
    color: #ffffff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 18px;
    padding: 0px 5px;
}
.prct-k h3 {
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;
    text-align: left;
}
.prct-k img {
    max-width: 70px !important;
    margin: 0px 0px 6px;
}

.prct-k {
    text-align: center;
}
@media(max-width:992px){
     .head-right {
        width: 196% !important;
        position: absolute;
        top: 14%;
        right: 0;
    }
}
h3.offer-g {
    font-size: 16px;
    font-weight: 700;
    color: #e10a0a;
}
.offer-gh {
    border: 1px solid #ccc;
    padding: 10px 10px;
}
.offer-gh p {
    font-size: 12px;
}
.product-g {
    margin: 14px 0px 36px;
}
@media(max-width:991px){
    .offer-gh {
    border: 1px solid #ccc;
    padding: 10px 10px;
    margin-bottom: 16px;
}
small {
    color: #000;
    font-weight: 700;
    font-size: 10px!important;
    margin-top: 10px !important;
}
}

#navCatContent li i {
    vertical-align: middle;
    font-size: 20px;
    margin-right: 8px;
}

h2.electronic-heading {
    font-size: 26px;
    line-height: 22px;
}
img.logo-f:hover {
    max-width: 250px;
    border: 1px solid #000000;
}
.product p {
    color: black !important;
    margin-bottom: 0px;
}
.grid-head img {
    margin-top: 16px;
}
.m-icon {
    max-width: 30px;
}



.order-div.my-auto {
    display: none!important;
}

.header-logo img {
    
}